Merge branch 'main' into develop

mobile/package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@expo/metro-runtime": "~3.1.3",
+    "@react-native-async-storage/async-storage": "1.21.0",
     "@react-navigation/native": "^6.1.17",
     "@react-navigation/native-stack": "^6.9.26",
     "@react-navigation/stack": "^6.3.29",
@@ -23,13 +24,12 @@
     "react-dom": "18.2.0",
     "react-native": "0.73.6",
     "react-native-gesture-handler": "~2.14.0",
+    "react-native-safe-area-context": "4.8.2",
+    "react-native-screens": "~3.29.0",
     "react-native-web": "~0.19.6",
     "react-navigation": "^5.0.0",
-    "react-navigation-stack": "^2.10.4",
     "zod": "^3.23.5",
-    "zustand": "^4.5.2",
-    "react-native-screens": "~3.29.0",
-    "react-native-safe-area-context": "4.8.2"
+    "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

mobile/src/screens/Home/Home.tsx

@@ -16,9 +16,7 @@ import DishCard from "@/src/components/Dish";
 
 export const Home = () => {
   const [searchInput, setSearchInput] = useState("");
-  const [results, setResults] = useState([
-    { name: "y", country: "y", image: "y" },
-  ]);
+  const [results, setResults] = useState([]);
   const [searchFocused, setSearchFocused] = useState(false);
   return (
     <ScrollView className="w-screen bg-white p-6 overflow-y-scroll">
@@ -50,15 +48,15 @@ export const Home = () => {
       {/* <Trending /> */}
       {results.map((dish) => (
         <DishCard
-          key={dish.name}
+          key={dish.id}
           dish={{
             name: dish.name,
-            description: dish.country,
+            description: dish.description,
             image: dish.image,
           }}
         />
       ))}
-      <Popular />
+      {/* <Popular /> */}
     </ScrollView>
   );
 };