App.tsx

import React, { useEffect } from 'react';
import { StatusBar } from 'expo-status-bar';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import AppNavigator from './src/navigation/AppNavigator';
import useStore from './src/store/useStore';
import { AuthProvider } from './src/contexts/AuthContext';

export default function App() {
  const loadPersistedData = useStore(state => state.loadPersistedData);

  useEffect(() => {
    loadPersistedData();
  }, []);

  return (
    <SafeAreaProvider>
      <AuthProvider>
        <StatusBar style="light" backgroundColor="#2C5F2D" />
        <AppNavigator />
      </AuthProvider>
    </SafeAreaProvider>
  );
}