added Feedback page, added braindump backend

app/(auth)/_layout.tsx

@@ -7,7 +7,7 @@ import {
   DrawerItemList,
 } from "@react-navigation/drawer";
 import { Button, View, Text, ButtonSize } from "react-native-ui-lib";
-import { ImageBackground, StyleSheet } from "react-native";
+import { Dimensions, ImageBackground, StyleSheet } from "react-native";
 import Feather from "@expo/vector-icons/Feather";
 import DrawerButton from "@/components/shared/DrawerButton";
 import {
@@ -30,6 +30,7 @@ import {
   toDosPageIndex,
   userSettingsView,
 } from "@/components/pages/calendar/atoms";
+import FeedbackNavIcon from "@/assets/svgs/FeedbackNavIcon";
 
 export default function TabLayout() {
   const { mutateAsync: signOut } = useSignOut();
@@ -52,8 +53,8 @@ export default function TabLayout() {
       }}
       drawerContent={(props) => {
         return (
-          <DrawerContentScrollView {...props} style={{ height: "100%" }}>
-            <View centerV margin-30 row>
+          <DrawerContentScrollView {...props} style={{}}>
+            <View centerV marginH-30 marginT-20 marginB-20 row>
               <ImageBackground
                 source={require("../../assets/images/splash.png")}
                 style={{
@@ -98,6 +99,19 @@ export default function TabLayout() {
                   }}
                   icon={<NavGroceryIcon />}
                 />
+                <DrawerButton
+                  color="#ea156d"
+                  title={"Feedback"}
+                  bgColor={"#fdedf4"}
+                  pressFunc={() => {
+                    props.navigation.navigate("feedback");
+                    setPageIndex(0);
+                    setToDosIndex(0);
+                    setUserView(true);
+                    setIsFamilyView(false);
+                  }}
+                  icon={<FeedbackNavIcon />}
+                />
               </View>
               <View style={{ flex: 1 }}>
                 {/*<DrawerButton
@@ -177,9 +191,9 @@ export default function TabLayout() {
             <Button
               size={ButtonSize.large}
               marginH-30
+              marginT-12
               paddingV-15
               style={{
-                marginTop: "42%",
                 backgroundColor: "transparent",
                 borderWidth: 1.3,
                 borderColor: "#fd1775",
@@ -243,6 +257,10 @@ export default function TabLayout() {
           title: "To-Dos",
         }}
       />
+      <Drawer.Screen
+        name="feedback"
+        options={{ drawerLabel: "Feedback", title: "Feedback" }}
+      />
     </Drawer>
   );
 }

app/(auth)/feedback/_layout.tsx

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

app/(auth)/feedback/index.tsx

@@ -0,0 +1,13 @@
+import FeedbackPage from "@/components/pages/feedback/FeedbackPage";
+import { FeedbackProvider } from "@/contexts/FeedbackContext";
+import { View } from "react-native-ui-lib";
+
+export default function Screen() {
+  return (
+    <FeedbackProvider>
+      <View>
+          <FeedbackPage />
+      </View>
+    </FeedbackProvider>
+  );
+}