AAA Refactor app structure to use SafeAreaProvider, update StatusBar configuration, and enhance tab navigator styles. Add expo-system-ui dependency for improved status bar handling.

App.js

@@ -2,15 +2,18 @@ import React from 'react';
 import { AuthProvider } from './src/contexts/AuthContext';
 import RootNavigator from './src/navigation/RootNavigator';
 import { BaseEnumsProvider } from './src/contexts/BaseEnumsContext';
-import { StatusBar } from 'react-native';
+import { StatusBar } from 'expo-status-bar';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 export default function App() {
   return (
-    <AuthProvider>
-      <BaseEnumsProvider>
-        <StatusBar barStyle="dark-content" backgroundColor="#fff"/>
-        <RootNavigator />
-      </BaseEnumsProvider>
-    </AuthProvider>
+    <SafeAreaProvider>
+      <AuthProvider>
+        <BaseEnumsProvider>
+          <StatusBar style="dark" />
+          <RootNavigator />
+        </BaseEnumsProvider>
+      </AuthProvider>
+    </SafeAreaProvider>
   );
 }