Add Expo settings and Metro configuration for mobile app

- Created settings.json for Expo with random URL configuration.
- Added metro.config.js to configure Metro bundler with workspace support and symlink handling.

Author: Arun-kushwaha007

apps/mobile/.expo/settings.json

@@ -0,0 +1,3 @@
+{
+  "urlRandomness": "KpFKNro"
+}

apps/mobile/app.json

@@ -5,7 +5,9 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "userInterfaceStyle": "light",
-    "assetBundlePatterns": ["**/*"],
+    "assetBundlePatterns": [
+      "**/*"
+    ],
     "ios": {
       "supportsTablet": true
     },
@@ -16,6 +18,9 @@
     },
     "web": {
       "bundler": "metro"
-    }
+    },
+    "plugins": [
+      "expo-secure-store"
+    ]
   }
 }

apps/mobile/metro.config.js

@@ -0,0 +1,16 @@
+const path = require('path');
+const { getDefaultConfig } = require('expo/metro-config');
+
+const projectRoot = __dirname;
+const workspaceRoot = path.resolve(projectRoot, '../..');
+
+const config = getDefaultConfig(projectRoot);
+
+config.watchFolders = [workspaceRoot];
+config.resolver.nodeModulesPaths = [
+  path.resolve(projectRoot, 'node_modules'),
+  path.resolve(workspaceRoot, 'node_modules'),
+];
+config.resolver.unstable_enableSymlinks = true;
+
+module.exports = config;

apps/mobile/package.json

@@ -1,31 +1,31 @@
 {
-    "name":  "mobile",
-    "version":  "1.0.0",
-    "private":  true,
-    "main":  "index.js",
-    "scripts":  {
-                    "dev":  "expo start",
-                    "build":  "tsc --noEmit",
-                    "lint":  "tsc --noEmit",
-                    "test":  "echo \"No tests yet\""
-                },
-    "dependencies":  {
-                         "@fairshare/shared-types":  "workspace:*",
-                         "@react-navigation/native":  "^7.1.14",
-                         "@react-navigation/native-stack":  "^7.3.21",
-                         "axios":  "^1.8.2",
-                         "expo":  "^53.0.0",
-                         "expo-secure-store":  "^14.0.1",
-                         "expo-status-bar":  "~2.0.0",
-                         "react":  "19.0.0",
-                         "react-hook-form":  "^7.55.0",
-                         "react-native":  "0.79.0",
-                         "react-native-safe-area-context":  "^5.4.0",
-                         "react-native-screens":  "^4.10.0",
-                         "zustand":  "^5.0.3"
-                     },
-    "devDependencies":  {
-                            "@types/react":  "^19.0.7",
-                            "typescript":  "^5.7.3"
-                        }
+    "name": "mobile",
+    "version": "1.0.0",
+    "private": true,
+    "main": "index.js",
+    "scripts": {
+        "dev": "expo start",
+        "build": "tsc --noEmit",
+        "lint": "tsc --noEmit",
+        "test": "echo \"No tests yet\""
+    },
+    "dependencies": {
+        "@fairshare/shared-types": "workspace:*",
+        "@react-navigation/native": "^7.1.31",
+        "@react-navigation/native-stack": "^7.14.2",
+        "axios": "^1.8.2",
+        "expo": "^54.0.33",
+        "expo-secure-store": "^15.0.8",
+        "expo-status-bar": "~3.0.9",
+        "react": "19.1.0",
+        "react-hook-form": "^7.55.0",
+        "react-native": "0.81.4",
+        "react-native-safe-area-context": "^5.6.2",
+        "react-native-screens": "^4.16.0",
+        "zustand": "^5.0.3"
+    },
+    "devDependencies": {
+        "@types/react": "^19.0.7",
+        "typescript": "^5.7.3"
+    }
 }