complated

screens/profile/ui/EmployeesTab.tsx

@@ -14,7 +14,6 @@ import {
   Text,
   View,
 } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 import { user_api } from '../lib/api';
 import { ExployeesDataResponse } from '../lib/type';
 
@@ -84,7 +83,7 @@ export function EmployeesTab() {
 
   if (isLoading) {
     return (
-      <SafeAreaView style={[styles.container, { backgroundColor: theme.background }]}>
+      <View style={[styles.container, { backgroundColor: theme.background }]}>
         <View style={styles.topHeader}>
           <Pressable onPress={() => router.push('/profile')}>
             <ArrowLeft color={theme.text} />
@@ -95,7 +94,7 @@ export function EmployeesTab() {
           </Pressable>
         </View>
         <ActivityIndicator size={'large'} />
-      </SafeAreaView>
+      </View>
     );
   }
 
@@ -110,7 +109,7 @@ export function EmployeesTab() {
   }
 
   return (
-    <SafeAreaView style={[styles.container, { backgroundColor: theme.background }]}>
+    <View style={[styles.container, { backgroundColor: theme.background }]}>
       <View style={styles.topHeader}>
         <Pressable onPress={() => router.push('/profile')}>
           <ArrowLeft color={theme.text} />
@@ -152,14 +151,14 @@ export function EmployeesTab() {
           </View>
         }
       />
-    </SafeAreaView>
+    </View>
   );
 }
 
 const styles = StyleSheet.create({
   container: { flex: 1 },
   addButton: { padding: 8 },
-  list: { padding: 16, gap: 12 },
+  list: { padding: 16, gap: 12, paddingBottom: 30 },
   card: {
     flexDirection: 'row',
     alignItems: 'center',