update deps and fix navbar icon

apps/expo/app.config.ts

@@ -6,7 +6,7 @@ const defineConfig = (): ExpoConfig => ({
   scheme: "dev.movieweb.app",
   version: "1.0.0",
   orientation: "portrait",
-  icon: "./assets/icon.png",
+  icon: "./assets/images/icon.png",
   userInterfaceStyle: "automatic",
   splash: {
     image: "./assets/images/splash.png",

apps/expo/package.json

@@ -29,8 +29,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.73.2",
-    "react-native-css-interop": "~0.0.13",
+    "react-native-css-interop": "~0.0.22",
-    "react-native-gesture-handler": "~2.14.0",
+    "react-native-gesture-handler": "~2.14.1",
     "react-native-reanimated": "~3.6.2",
     "react-native-safe-area-context": "~4.8.2",
     "react-native-screens": "~3.29.0",

apps/expo/src/app/(tabs)/_layout.tsx

@@ -56,7 +56,7 @@ export default function TabLayout() {
           tabBarLabel: "",
           tabBarIcon: () => (
             <TabBarIcon
-              className=" bg-primary-400 flex aspect-[1/1] h-14 items-center justify-center rounded-full text-center text-2xl text-white"
+              className="top-2 flex aspect-[1/1] h-14 items-center justify-center rounded-full bg-primary-400 text-center align-middle text-2xl text-white"
               name="search"
               color="#FFF"
             />

apps/expo/src/app/(tabs)/search/Searchbar.tsx

@@ -1,6 +1,5 @@
 import { useCallback, useRef, useState } from "react";
-import { View } from "react-native";
+import { TextInput, View } from "react-native";
-import { TextInput } from "react-native-gesture-handler";
 import { useFocusEffect } from "expo-router";
 import { FontAwesome5 } from "@expo/vector-icons";
 
@@ -24,7 +23,7 @@ export default function Searchbar() {
   );
 
   return (
-    <View className="border-primary-400 focus-within:border-primary-300 mb-6 mt-4 flex-row items-center rounded-full border">
+    <View className="mb-6 mt-4 flex-row items-center rounded-full border border-primary-400 focus-within:border-primary-300">
       <View className="ml-1 w-12 items-center justify-center">
         <FontAwesome5 name="search" size={18} color={Colors.secondary[200]} />
       </View>

pnpm-lock.yaml

@@ -74,10 +74,10 @@ importers:
         specifier: 0.73.2
         version: 0.73.2(@babel/core@7.23.9)(@babel/preset-env@7.23.9)(react@18.2.0)
       react-native-css-interop:
-        specifier: ~0.0.13
+        specifier: ~0.0.22
-        version: 0.0.13(@babel/core@7.23.9)(react-native-reanimated@3.6.2)(react-native-safe-area-context@4.8.2)(react-native@0.73.2)(react@18.2.0)(tailwindcss@3.4.1)
+        version: 0.0.22(@babel/core@7.23.9)(react-native-reanimated@3.6.2)(react-native-safe-area-context@4.8.2)(react-native@0.73.2)(react@18.2.0)(tailwindcss@3.4.1)
       react-native-gesture-handler:
-        specifier: ~2.14.0
+        specifier: ~2.14.1
         version: 2.14.1(react-native@0.73.2)(react@18.2.0)
       react-native-reanimated:
         specifier: ~3.6.2
@@ -8336,37 +8336,6 @@ packages:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
     dev: false
 
-  /react-native-css-interop@0.0.13(@babel/core@7.23.9)(react-native-reanimated@3.6.2)(react-native-safe-area-context@4.8.2)(react-native@0.73.2)(react@18.2.0)(tailwindcss@3.4.1):
-    resolution: {integrity: sha512-giyR8/F1p3P9PAwz4mMd6DY8WQ5XO6U+3trHOD07jq8jLJFLms/4Y56Ux1iN1037iHiPI8v0XUSacraI8/2sqw==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      react: '>=18'
-      react-native: '*'
-      react-native-reanimated: '>=3.3.0'
-      react-native-safe-area-context: '>=4'
-      react-native-svg: '*'
-      tailwindcss: ~3
-    peerDependenciesMeta:
-      react-native-safe-area-context:
-        optional: true
-      react-native-svg:
-        optional: true
-    dependencies:
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
-      babel-plugin-tester: 11.0.4(@babel/core@7.23.9)
-      lightningcss: 1.22.0
-      react: 18.2.0
-      react-native: 0.73.2(@babel/core@7.23.9)(@babel/preset-env@7.23.9)(react@18.2.0)
-      react-native-reanimated: 3.6.2(@babel/core@7.23.9)(@babel/plugin-proposal-nullish-coalescing-operator@7.18.6)(@babel/plugin-proposal-optional-chaining@7.21.0)(@babel/plugin-transform-arrow-functions@7.23.3)(@babel/plugin-transform-shorthand-properties@7.23.3)(@babel/plugin-transform-template-literals@7.23.3)(react-native@0.73.2)(react@18.2.0)
-      react-native-safe-area-context: 4.8.2(react-native@0.73.2)(react@18.2.0)
-      tailwindcss: 3.4.1
-    transitivePeerDependencies:
-      - '@babel/core'
-      - supports-color
-    dev: false
-
   /react-native-css-interop@0.0.22(@babel/core@7.23.9)(react-native-reanimated@3.6.2)(react-native-safe-area-context@4.8.2)(react-native@0.73.2)(react@18.2.0)(tailwindcss@3.4.1):
     resolution: {integrity: sha512-JHLYHlLEqM13dy0XSxIPOWvqmQkPrqUt+KHPkbLV0sIiw/4aN6B5TPsNKZFX9bJJaZ//dAECn782R0MqDrTBWQ==}
     engines: {node: '>=16'}