Revamp the bottom tab bar

package-lock.json

@@ -27,6 +27,7 @@
         "expo-constants": "~57.0.17",
         "expo-dev-client": "~57.0.18",
         "expo-font": "~57.0.3",
+        "expo-navigation-bar": "~57.0.2",
         "expo-notifications": "~57.0.17",
         "expo-splash-screen": "~57.0.8",
         "expo-status-bar": "~57.0.1",
@@ -54,7 +55,7 @@
         "jest": "^29.7.0",
         "jest-expo": "~57.0.5",
         "prettier": "^3.9.6",
-        "test-renderer": "1.2",
+        "test-renderer": "~1.2.0",
         "typescript": "~6.0.3"
       }
     },
@@ -8488,6 +8489,20 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-navigation-bar": {
+      "version": "57.0.2",
+      "resolved": "https://registry.npmjs.org/expo-navigation-bar/-/expo-navigation-bar-57.0.2.tgz",
+      "integrity": "sha512-Ufe49dsTZjarA7gMMwwwnNJWpXo+oTyl5Ud0g3lsGVrj2HXjyw9cb9098N8+CoWpjfIa5PghuRYYXrcCrGQIHg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.2"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/expo-notifications": {
       "version": "57.0.17",
       "resolved": "https://registry.npmjs.org/expo-notifications/-/expo-notifications-57.0.17.tgz",