feat: UserSettings

app/(tabs)/home/_layout.tsx

@@ -2,15 +2,35 @@ import { Stack } from "expo-router";
 
 import { View, Text } from 'react-native'
 import React from 'react'
+import { useThemeColor } from "../../../hooks/useThemeColor";
+import { useTheme } from "../../contexts/ThemeContext";
+
 
 export default function _Layout() {
+  const { colors } = useTheme();
   return (
-    <Stack>
+    <Stack 
+      initialRouteName="index"
+      screenOptions={{
+      contentStyle: {
+        backgroundColor:colors.backgroundColor,
+      },
+      headerStyle: {
+        backgroundColor: colors.backgroundColor
+      },
+      headerTintColor: colors.primaryText
+
+    }}>
       <Stack.Screen name="index" options={{
         title: "test",
         headerShown: false,
       }}/>
       <Stack.Screen name="addItem"/>
+      <Stack.Screen name="userSettings" options={{
+        animation: "slide_from_left",
+        title: "User Settings",
+        headerShown: false,
+      }}/>
     </Stack>
   )
 }