complated

screens/profile/ui/BonusesScreen.tsx

@@ -6,7 +6,6 @@ import { ArrowLeft, Award, Percent } from 'lucide-react-native';
 import { useTranslation } from 'react-i18next';
 import { ActivityIndicator, FlatList, Pressable, StyleSheet, Text, View } from 'react-native';
 import { RefreshControl } from 'react-native-gesture-handler';
-import { SafeAreaView } from 'react-native-safe-area-context';
 import { user_api } from '../lib/api';
 
 const PAGE_SIZE = 10;
@@ -60,7 +59,7 @@ export default function BonusesScreen() {
   }
 
   return (
-    <SafeAreaView style={[styles.container, { backgroundColor: isDark ? '#0f172a' : '#f8fafc' }]}>
+    <View style={[styles.container, { backgroundColor: isDark ? '#0f172a' : '#f8fafc' }]}>
       <View style={[styles.topHeader, { backgroundColor: isDark ? '#0f172a' : '#ffffff' }]}>
         <Pressable onPress={() => router.push('/profile')}>
           <ArrowLeft color={isDark ? '#fff' : '#0f172a'} />
@@ -153,7 +152,7 @@ export default function BonusesScreen() {
           </View>
         }
       />
-    </SafeAreaView>
+    </View>
   );
 }
 
@@ -164,6 +163,7 @@ const styles = StyleSheet.create({
   list: {
     padding: 16,
     gap: 16,
+    paddingBottom: 30,
   },
   card: {
     borderRadius: 20,