addGrocery dialog

app/(auth)/grocery/index.tsx

@@ -2,15 +2,18 @@ import { ScrollView } from "react-native";
 import { Button, Text, View } from "react-native-ui-lib";
 import Octicons from "@expo/vector-icons/Octicons";
 import GroceryList from "@/components/pages/grocery/GroceryList";
+import AddGroceryItem from "@/components/pages/grocery/AddGroceryItem";
+import { useAuthContext } from "@/contexts/AuthContext";
 
 export default function Screen() {
   return (
-    <ScrollView>
+    <View>
+      <AddGroceryItem />
       <View backgroundColor="#e1e1e1" paddingL-20 paddingT-20 paddingB-10>
         <Text text50BL marginB-10 color="black">
           Welcome to your grocery list!
         </Text>
-        <View row bottom style={{justifyContent: 'space-between'}}>
+        <View row bottom style={{ justifyContent: "space-between" }}>
           <View>
             <Text text70BL color="black">
               X approved items
@@ -20,8 +23,8 @@ export default function Screen() {
             </Text>
           </View>
           <Button
-          backgroundColor="#e1e1e1"
-          right
+            backgroundColor="#e1e1e1"
+            right
             children={<Octicons name="share" size={24} color="black" />}
           />
         </View>
@@ -29,6 +32,6 @@ export default function Screen() {
       <View>
         <GroceryList />
       </View>
-    </ScrollView>
+    </View>
   );
 }