complated

screens/profile/ui/EditServices.tsx

@@ -6,7 +6,6 @@ import { ArrowLeft, Loader } from 'lucide-react-native';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Alert, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 import { user_api } from '../lib/api';
 import StepOneServices from './StepOneService';
 
@@ -145,7 +144,7 @@ export default function EditService() {
   };
 
   return (
-    <SafeAreaView style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#f8fafc' }}>
+    <View style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#f8fafc' }}>
       <View style={[styles.header, { backgroundColor: isDark ? '#0f172a' : '#ffffff' }]}>
         <View style={{ flexDirection: 'row', gap: 10, alignItems: 'center' }}>
           <Pressable onPress={handleBack}>
@@ -179,7 +178,7 @@ export default function EditService() {
         )}
         {step === 2 && <StepTwo ref={stepTwoRef} formData={formData} updateForm={updateForm} />}
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 }