add css styles to drawer

ArtisanConnect/app/(tabs)/_layout.jsx

@@ -1,5 +1,6 @@
 import { Tabs } from "expo-router";
 import { Ionicons } from "@expo/vector-icons";
+
 export default function TabLayout() {
   return (
     <Tabs
@@ -48,8 +49,9 @@ export default function TabLayout() {
         }}
       />
       <Tabs.Screen
-        name="account"
+        name="dashboard"
         options={{
+          headerShown: false, // Ukryj nagłówek dla Drawer
           title: "Konto",
           tabBarLabel: "Konto",
           tabBarIcon: ({ color, size }) => (

ArtisanConnect/app/(tabs)/dashboard/_layout.jsx

@@ -0,0 +1,24 @@
+import { Drawer } from "expo-router/drawer";
+
+export default function AccountDrawerLayout() {
+  return (
+    <Drawer
+      screenOptions={{
+        drawerActiveTintColor: "#1c1c1e",
+        drawerInactiveTintColor: "#8e8e8f",
+        drawerActiveBackgroundColor: "#f0f0f0",
+        drawerItemStyle: {
+          borderRadius: 8,
+          // backgroundColor: "transparent",
+        },
+        headerTintColor: "#1c1c1e",
+      }}
+    >
+      <Drawer.Screen name="account" options={{ title: "Konto" }} />
+      <Drawer.Screen
+        name="userNotices"
+        options={{ title: "Moje ogłoszenia" }}
+      />
+    </Drawer>
+  );
+}

ArtisanConnect/app/(tabs)/dashboard/userNotices.jsx

@@ -0,0 +1,4 @@
+import { Text } from "@/components/ui/text";
+export default function UserNotices() {
+  return <Text>Użytkownik</Text>;
+}

ArtisanConnect/app/_layout.jsx

@@ -1,4 +1,4 @@
-import { Tabs, Stack } from "expo-router";
+import { Stack } from "expo-router";
 import "@/global.css";
 import { GluestackUIProvider } from "@/components/ui/gluestack-ui-provider";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";

ArtisanConnect/package.json

@@ -26,6 +26,7 @@
     "@gluestack-ui/themed": "^1.1.73",
     "@gluestack-ui/toast": "^1.0.9",
     "@legendapp/motion": "^2.4.0",
+    "@react-navigation/drawer": "^7.3.11",
     "@tanstack/react-query": "^5.74.4",
     "axios": "^1.9.0",
     "babel-plugin-module-resolver": "^5.0.2",
@@ -42,7 +43,8 @@
     "react-dom": "19.0.0",
     "react-native": "0.79.2",
     "react-native-css-interop": "^0.1.22",
-    "react-native-reanimated": "3.17.4",
+    "react-native-gesture-handler": "~2.24.0",
+    "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
     "react-native-screens": "~4.10.0",
     "react-native-svg": "15.11.2",