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

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

@@ -2,7 +2,18 @@ import { Drawer } from "expo-router/drawer";
 
 export default function AccountDrawerLayout() {
   return (
-    <Drawer>
+    <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"

ArtisanConnect/app/_layout.jsx

@@ -1,10 +1,8 @@
-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";
 
-import { GestureHandlerRootView } from "react-native-gesture-handler";
-import { Drawer } from "expo-router/drawer";
 const queryClient = new QueryClient();
 export default function RootLayout() {
   return (