chore(mobile): align Expo packages and strict typings

Author: Arun-kushwaha007

apps/mobile/App.tsx

@@ -31,6 +31,8 @@ if (sentryDsn) {
 Notifications.setNotificationHandler({
   handleNotification: async () => ({
     shouldShowAlert: true,
+    shouldShowBanner: true,
+    shouldShowList: true,
     shouldPlaySound: false,
     shouldSetBadge: false,
   }),
@@ -142,3 +144,4 @@ export default function App() {
   );
 }
 
+

apps/mobile/app/components/ui/Button.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, TouchableOpacity, ViewStyle } from 'react-native';
+import { StyleProp, StyleSheet, TouchableOpacity, View, ViewStyle } from 'react-native';
 import { Text } from 'react-native-paper';
 import { LinearGradient } from 'expo-linear-gradient';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
@@ -10,13 +10,13 @@ interface ButtonProps {
   children: React.ReactNode;
   onPress: () => void;
   variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
-  style?: ViewStyle;
+  style?: StyleProp<ViewStyle>;
   loading?: boolean;
 }
 
 export function Button({ children, onPress, variant = 'primary', style, loading }: ButtonProps) {
   const theme = useAppTheme();
-  const { colors, shadows, isDark } = theme;
+  const { colors, shadows } = theme;
   const scale = useSharedValue(1);
 
   const animatedStyle = useAnimatedStyle(() => ({
@@ -71,10 +71,7 @@ export function Button({ children, onPress, variant = 'primary', style, loading
         animatedStyle,
       ]}
     >
-      <Text style={[styles.text, { color: v.text }]}>
-        {children}
-      </Text>
-      {/* Inset highlight for skeuomorphism */}
+      <Text style={[styles.text, { color: v.text }]}>{loading ? 'Loading...' : children}</Text>
       <View style={[styles.highlight, { backgroundColor: colors.insetHighlight }]} />
     </Animated.View>
   );
@@ -90,6 +87,7 @@ export function Button({ children, onPress, variant = 'primary', style, loading
         scale.value = withSpring(1);
       }}
       style={[styles.wrapper, style]}
+      disabled={loading}
     >
       {v.gradient ? (
         <LinearGradient
@@ -107,8 +105,6 @@ export function Button({ children, onPress, variant = 'primary', style, loading
   );
 }
 
-import { View } from 'react-native';
-
 const styles = StyleSheet.create({
   wrapper: {
     borderRadius: 16,
@@ -137,5 +133,5 @@ const styles = StyleSheet.create({
     right: 2,
     height: 1,
     borderRadius: 8,
-  }
+  },
 });

apps/mobile/app/components/ui/Card.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 import { useAppTheme } from '../../theme/useAppTheme';
 import { spacing } from '../../theme/spacing';
 
 interface CardProps {
   children: React.ReactNode;
-  style?: ViewStyle;
+  style?: StyleProp<ViewStyle>;
   variant?: 'default' | 'elevated' | 'glass';
 }
 
@@ -74,3 +74,4 @@ const styles = StyleSheet.create({
     opacity: 0.2,
   }
 });
+

apps/mobile/app/theme/colors.ts

@@ -49,7 +49,7 @@ export const colors = {
     insetHighlight: 'rgba(255,255,255,0.6)',
 
     // Gradients
-    gradient: ['#6D28D9', '#8B5CF6'],
+    gradient: ['#6D28D9', '#8B5CF6'] as const,
   },
   dark: {
     // Brand Colors
@@ -91,6 +91,7 @@ export const colors = {
     insetHighlight: 'rgba(255,255,255,0.05)',
 
     // Gradients
-    gradient: ['#7C3AED', '#A78BFA'],
+    gradient: ['#7C3AED', '#A78BFA'] as const,
   },
 };
+

apps/mobile/package.json

@@ -8,10 +8,10 @@
                     "build":  "tsc --noEmit",
                     "lint":  "tsc --noEmit",
                     "test":  "jest --runInBand --passWithNoTests",
-                    "eas:build": "eas build -p android --profile production"
+                    "eas:build":  "eas build -p android --profile production"
                 },
     "dependencies":  {
-                         "@expo/vector-icons":  "^14.1.0",
+                         "@expo/vector-icons":  "^15.0.3",
                          "@fairshare/shared-types":  "workspace:*",
                          "@react-native-community/netinfo":  "^11.4.1",
                          "@react-navigation/bottom-tabs":  "^7.4.7",
@@ -20,15 +20,15 @@
                          "axios":  "^1.8.2",
                          "expo":  "^54.0.33",
                          "expo-constants":  "~18.0.10",
-                         "expo-haptics":  "~14.0.1",
-                         "expo-linear-gradient":  "~14.1.5",
+                         "expo-haptics":  "~15.0.8",
+                         "expo-linear-gradient":  "~15.0.8",
                          "expo-secure-store":  "^15.0.8",
                          "expo-status-bar":  "~3.0.9",
-                         "lottie-react-native":  "~7.2.2",
+                         "lottie-react-native":  "~7.3.1",
                          "react":  "19.1.0",
                          "react-dom":  "19.1.0",
                          "react-hook-form":  "^7.55.0",
-                         "react-native":  "0.81.4",
+                         "react-native":  "0.81.5",
                          "react-native-gesture-handler":  "~2.28.0",
                          "react-native-paper":  "^5.14.5",
                          "react-native-reanimated":  "~4.1.1",
@@ -38,15 +38,15 @@
                          "react-native-screens":  "^4.16.0",
                          "socket.io-client":  "^4.8.1",
                          "zustand":  "^5.0.3",
-                         "expo-notifications":  "~0.29.14",
-                         "expo-image":  "~2.4.0",
-                         "sentry-expo":  "^7.2.0",
+                         "expo-notifications":  "~0.32.16",
+                         "expo-image":  "~3.0.11",
+                         "sentry-expo":  "~7.0.0",
                          "react-native-skeleton-placeholder":  "^5.2.4"
                      },
     "devDependencies":  {
                             "@testing-library/react-native":  "^13.3.3",
                             "@types/jest":  "^29.5.12",
-                            "@types/react":  "^19.0.7",
+                            "@types/react":  "~19.1.10",
                             "jest":  "^29.7.0",
                             "jest-expo":  "~54.0.11",
                             "react-test-renderer":  "19.1.0",