add bottom navigation

app/.eslintrc.cjs

@@ -200,6 +200,19 @@ module.exports = {
         'import/no-unresolved': 'off',
       },
     },
+    {
+      // Disable semicolon requirement for TSX files (Prettier config handles this)
+      files: ['**/*.tsx'],
+      rules: {
+        'prettier/prettier': [
+          'warn',
+          {
+            semi: false,
+          },
+          { usePrettierrc: true },
+        ],
+      },
+    },
     {
       // Disable export sorting for files with dependency issues
       files: [

app/.prettierrc

@@ -14,6 +14,12 @@
       "options": {
         "singleQuote": false
       }
+    },
+    {
+      "files": ["*.tsx"],
+      "options": {
+        "semi": false
+      }
     }
   ]
 }

app/package.json

@@ -99,6 +99,7 @@
     "@react-native-firebase/app": "^19.0.1",
     "@react-native-firebase/messaging": "^19.0.1",
     "@react-native-firebase/remote-config": "^19.0.1",
+    "@react-navigation/bottom-tabs": "^7.8.12",
     "@react-navigation/native": "^7.0.14",
     "@react-navigation/native-stack": "^7.2.0",
     "@robinbobin/react-native-google-drive-api-wrapper": "^2.2.3",

yarn.lock

@@ -6934,6 +6934,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-navigation/bottom-tabs@npm:^7.8.12":
+  version: 7.8.12
+  resolution: "@react-navigation/bottom-tabs@npm:7.8.12"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.9.2"
+    color: "npm:^4.2.3"
+    sf-symbols-typescript: "npm:^2.1.0"
+  peerDependencies:
+    "@react-navigation/native": ^7.1.25
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+    react-native-screens: ">= 4.0.0"
+  checksum: 10c0/ccff30e9bdb4339e39db4966b0a96d22e32d82b9767b328ce1d2eec960b11eadc47200a801108edc46e3e0d42c0774f4baecf4a4ac0fb50402d399677f32e980
+  languageName: node
+  linkType: hard
+
 "@react-navigation/core@npm:^7.13.1":
   version: 7.13.1
   resolution: "@react-navigation/core@npm:7.13.1"
@@ -6972,6 +6989,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-navigation/elements@npm:^2.9.2":
+  version: 2.9.2
+  resolution: "@react-navigation/elements@npm:2.9.2"
+  dependencies:
+    color: "npm:^4.2.3"
+    use-latest-callback: "npm:^0.2.4"
+    use-sync-external-store: "npm:^1.5.0"
+  peerDependencies:
+    "@react-native-masked-view/masked-view": ">= 0.2.0"
+    "@react-navigation/native": ^7.1.25
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+  peerDependenciesMeta:
+    "@react-native-masked-view/masked-view":
+      optional: true
+  checksum: 10c0/2d25704b785917034b852656a71993b76b900b890abefbafa33c823e8a2f7d8d2da818819f9a38ff813445b718fb8dafdc14aa8685b33c8b7a13adef533c053a
+  languageName: node
+  linkType: hard
+
 "@react-navigation/native-stack@npm:^7.2.0":
   version: 7.6.3
   resolution: "@react-navigation/native-stack@npm:7.6.3"
@@ -7795,6 +7832,7 @@ __metadata:
     "@react-native/gradle-plugin": "npm:0.76.9"
     "@react-native/metro-config": "npm:0.76.9"
     "@react-native/typescript-config": "npm:0.76.9"
+    "@react-navigation/bottom-tabs": "npm:^7.8.12"
     "@react-navigation/native": "npm:^7.0.14"
     "@react-navigation/native-stack": "npm:^7.2.0"
     "@robinbobin/react-native-google-drive-api-wrapper": "npm:^2.2.3"