Order zwracał 403, bo nie było headerów

Zdjęcia nie były centerowane względem szerokości

ArtisanConnect/app/(auth)/login.jsx

@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from 'react';
 import {StyleSheet, ActivityIndicator, SafeAreaView, View, Platform} from 'react-native';
 import {useAuthStore} from '@/store/authStore';
-import {useRouter, Link} from 'expo-router';
+import {useRouter} from 'expo-router';
 
 import {Box} from "@/components/ui/box"
 import {Button, ButtonText, ButtonIcon} from "@/components/ui/button"
@@ -73,6 +73,7 @@ export default function Login() {
                 user = await getUserInfo(response.authentication.accessToken)
                 await signInWithGoogle(response.authentication.accessToken);
                 alert(`Zalogowano jako ${user.email}`);
+                router.replace('/');
             }
 
         } else {

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

@@ -84,7 +84,7 @@ export default function Account() {
         </Link>
 
         {/*Tak dodałem, można zmienić na coś innego*/}
-        <Link href="/dashboard/userPaymentHistory" asChild>
+        <Link href="/dashboard/userOrders" asChild>
           <Pressable className="py-3 flex-row items-center border-b border-gray-100">
             <Text className="text-lg flex-1">Historia płatności</Text>
             <Text>▶</Text>

ArtisanConnect/app/_layout.jsx

@@ -1,31 +1,31 @@
-import { Stack, Redirect } 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 {GluestackUIProvider} from "@/components/ui/gluestack-ui-provider";
+import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
 
 const queryClient = new QueryClient();
 export default function RootLayout() {
-  
-return (
-    <QueryClientProvider client={queryClient}>
-      <GluestackUIProvider>
-        <Stack
-          screenOptions={{
-            headerTintColor: "#1c1c1e",
-            headerBackTitleVisible: false,
-            headerBackTitle: "Wróć",
-          }}
-        >
-          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-            <Stack.Screen name="user" options={{ headerShown: false }} />
-          <Stack.Screen
-            name="(auth)/login"
-            options={{ headerShown: false }}/>
-          <Stack.Screen 
-          name="registration"
-          options={{ headerShown: false }}/>
-        </Stack>
-      </GluestackUIProvider>
-    </QueryClientProvider>
-  );
+
+    return (
+        <QueryClientProvider client={queryClient}>
+            <GluestackUIProvider>
+                <Stack
+                    screenOptions={{
+                        headerTintColor: "#1c1c1e",
+                        headerBackTitleVisible: false,
+                        headerBackTitle: "Wróć",
+                    }}
+                >
+                    <Stack.Screen name="(tabs)" options={{headerShown: false}}/>
+                    {/*<Stack.Screen name="user" options={{headerShown: false}}/>*/}
+                    <Stack.Screen
+                        name="(auth)/login"
+                        options={{headerShown: false}}/>
+                    <Stack.Screen
+                        name="registration"
+                        options={{headerShown: false}}/>
+                </Stack>
+            </GluestackUIProvider>
+        </QueryClientProvider>
+    );
 }

ArtisanConnect/app/notice/[id].jsx

@@ -49,6 +49,8 @@ export default function NoticeDetails() {
   const [Email, setEmail] = useState("");
   const [isSending, setIsSending] = useState(false);
 
+  const {width} = Dimensions.get("window");
+
   const handleSendMessage = async () => {
     setIsSending(true);
     console.log("Rozpoczynanie procesu wysyłania wiadomości...");
@@ -303,6 +305,7 @@ export default function NoticeDetails() {
             data={images}
             horizontal
             snapToAlignment="start"
+            snapToInterval={width}
             decelerationRate="fast"
             showsHorizontalScrollIndicator={false}
             pagingEnabled
@@ -311,13 +314,14 @@ export default function NoticeDetails() {
             style={isLandscape ? { flex: 1 } : {}}
             renderItem={({ item, index }) => (
               <View
-                style={{ width: Dimensions.get("window").width }}
+                style={{ width: width }}
                 className="p-1"
               >
                 <Image
                   source={item}
                   // className="h-auto w-auto rounded-md aspect-[1/1]"
                   alt={`Zdjęcie ${index + 1}`}
+                  resizeMode="cover"
                   renderMode="contain"
                   className={
                     isLandscape