brain_dump and settings

app/(auth)/_layout.tsx

@@ -105,10 +105,11 @@ export default function TabLayout() {
               </View>
             </View>
             <Button
+              onPress={() => props.navigation.navigate("settings")}
               label={"Manage Settings"}
               iconSource={() => (
                 <View
-                  backgroundColor='#ededed'
+                  backgroundColor="#ededed"
                   width={60}
                   height={60}
                   style={{ borderRadius: 50 }}
@@ -168,6 +169,13 @@ export default function TabLayout() {
           title: "Brain Dump",
         }}
       />
+      <Drawer.Screen
+        name="settings"
+        options={{
+          drawerLabel: "Settings",
+          title: "Settings",
+        }}
+      />
       <Drawer.Screen
         name="grocery"
         options={{

app/(auth)/brain_dump/index.tsx

@@ -1,7 +1,14 @@
-import {View} from "react-native-ui-lib";
+import BrainDumpPage from "@/components/pages/brain_dump/BrainDumpPage";
+import { BrainDumpProvider } from "@/contexts/DumpContext";
+import { ScrollView } from "react-native-gesture-handler";
+import { View } from "react-native-ui-lib";
 
 export default function Screen() {
-    return (
-        <View/>
-    )
-}
+  return (
+    <BrainDumpProvider>
+      <View>
+          <BrainDumpPage />
+      </View>
+    </BrainDumpProvider>
+  );
+}

app/(auth)/settings/_layout.tsx

@@ -0,0 +1,5 @@
+import { Stack } from "expo-router";
+
+export default function StackLayout() {
+  return <Stack screenOptions={{ headerShown: false }} />;
+}

app/(auth)/settings/index.tsx

@@ -0,0 +1,6 @@
+import SettingsPage from "@/components/pages/settings/SettingsPage";
+import { View } from "react-native-ui-lib";
+
+export default function Screen() {
+  return <SettingsPage />;
+}