safe area view

ArtisanConnect/app/(tabs)/index.jsx

@@ -7,8 +7,9 @@ import { SearchSection } from "@/components/SearchSection";
 import { FlatList } from 'react-native';
 import { useAuthStore } from "@/store/authStore";
 import { useRouter } from "expo-router";
-import { useEffect, useState } from "react";;
-
+import { useEffect, useState } from "react";
+// import { SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaView } from "react-native";
 
 export default function Home() {
 const token = useAuthStore((state) => state.token);
@@ -46,14 +47,16 @@ const token = useAuthStore((state) => state.token);
 
 
   return (
-    <View>
+  <SafeAreaView className="flex-1 m-2"> 
+  {/* <View>    */}
     <SearchSection/>
-     <ScrollView showsVerticalScrollIndicator={false} className='m-2'>
+     <ScrollView showsVerticalScrollIndicator={false} >
         <CategorySection title="Polecane kategorie" notices={notices} />
         <NoticeSection title="Najnowsze ogłoszenia" notices={latestNotices} ctaLink="/notices?sort=latest"/>
         <UserSection title="Popularni sprzedawcy" notices={notices} />
         <NoticeSection title="Proponowane ogłoszenia" notices={recomendedNotices} ctaLink="/notices"/>
      </ScrollView>
-     </View>
+     {/* </View> */}
+  </SafeAreaView>
   );
 }