Fix Android WebView API access and mobile shell layout

front/package.json

@@ -12,12 +12,16 @@
     "test": "node --import tsx --test src/**/*.test.ts"
   },
   "dependencies": {
+    "@capacitor/android": "^8.3.0",
+    "@capacitor/cli": "^8.3.0",
+    "@capacitor/core": "^8.3.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@google/genai": "^1.29.0",
     "@mui/icons-material": "^7.3.9",
     "@mui/material": "^7.3.9",
     "@tailwindcss/vite": "^4.1.14",
+    "@types/simple-peer": "^9.11.9",
     "@vitejs/plugin-react": "^5.0.4",
     "better-sqlite3": "^12.4.1",
     "clsx": "^2.1.1",
@@ -31,6 +35,7 @@
     "react-admin": "^5.14.4",
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.13.1",
+    "simple-peer": "^9.11.1",
     "tailwind-merge": "^3.5.0",
     "vite": "^6.2.0"
   },