Refactor session management to use AsyncStorage for persistence; update game settings and leaderboard screens for improved functionality

App.js

@@ -1,93 +1,82 @@
+import {useEffect, useState} from "react";
+import {ActivityIndicator, View} from "react-native";
 import {NavigationContainer} from "@react-navigation/native";
 import {createNativeStackNavigator} from "@react-navigation/native-stack";
 import {SafeAreaProvider} from "react-native-safe-area-context";
 import LoginScreen from "./src/components/screens/LoginScreen";
 import RegisterScreen from "./src/components/screens/RegisterScreen";
-import GameTypeScreen from "./src/components/screens/GameTypeScreen";
-import JoinPrivateGameScreen from "./src/components/screens/JoinPrivateGameScreen";
-import ManagePrivateGameScreen from "./src/components/screens/ManagePrivateGameScreen";
-import CreateGameScreen from "./src/components/screens/CreateGameScreen";
-import ManageGameScreen from "./src/components/screens/ManageGameScreen";
-import GameLobbyScreen from "./src/components/screens/GameLobbyScreen";
 import TeamScreen from "./src/components/screens/TeamScreen";
 import MapScreen from "./src/components/screens/MapScreen";
 import LeaderboardScreen from "./src/components/screens/LeaderboardScreen";
-import AdminHubScreen from "./src/components/screens/AdminHubScreen";
-import ManageSubgroupsScreen from "./src/components/screens/ManageSubgroupsScreen";
 import GameSettingsScreen from "./src/components/screens/GameSettingsScreen";
 import PlayersScreen from "./src/components/screens/PlayersScreen";
 import ExpandedMapScreen from "./src/components/screens/ExpandedMapScreen";
+import {loadSession} from "./src/hooks/SessionStore";
 
 const RootStack = createNativeStackNavigator();
 const AuthStackNav = createNativeStackNavigator();
 const GameStackNav = createNativeStackNavigator();
 const AdminStackNav = createNativeStackNavigator();
 
+const screenOptions = {
+    headerShown: false,
+    contentStyle: {backgroundColor: '#ffffff'},
+};
+
 const AuthStack = () => (
-    <AuthStackNav.Navigator
-        screenOptions={{
-            headerShown: false,
-            contentStyle: { backgroundColor: '#ffffff' },
-            keyboardHandlingEnabled: false,
-        }}
-    >
+    <AuthStackNav.Navigator screenOptions={{...screenOptions, keyboardHandlingEnabled: false}}>
         <AuthStackNav.Screen name="LoginScreen" component={LoginScreen}/>
         <AuthStackNav.Screen name="RegisterScreen" component={RegisterScreen}/>
     </AuthStackNav.Navigator>
 );
 
 const GameStack = () => (
-    <GameStackNav.Navigator
-        screenOptions={{
-            headerShown: false,
-            contentStyle: { backgroundColor: '#ffffff' },
-        }}
-    >
+    <GameStackNav.Navigator screenOptions={screenOptions}>
         <GameStackNav.Screen name="MapScreen" component={MapScreen}/>
         <GameStackNav.Screen name="TeamScreen" component={TeamScreen}/>
         <GameStackNav.Screen name="LeaderboardScreen" component={LeaderboardScreen}/>
-        <GameStackNav.Screen name="GameSettingsScreen" component={GameSettingsScreen}/>
         <GameStackNav.Screen name="PlayersScreen" component={PlayersScreen}/>
         <GameStackNav.Screen name="ExpandedMapScreen" component={ExpandedMapScreen}/>
-        <GameStackNav.Screen name="GameTypeScreen" component={GameTypeScreen}/>
-        <GameStackNav.Screen name="JoinPrivateGameScreen" component={JoinPrivateGameScreen}/>
-        <GameStackNav.Screen name="ManagePrivateGameScreen" component={ManagePrivateGameScreen}/>
-        <GameStackNav.Screen name="CreateGameScreen" component={CreateGameScreen}/>
-        <GameStackNav.Screen name="ManageGameScreen" component={ManageGameScreen}/>
-        <GameStackNav.Screen name="GameLobbyScreen" component={GameLobbyScreen}/>
     </GameStackNav.Navigator>
 );
 
 const AdminStack = () => (
-    <AdminStackNav.Navigator
-        screenOptions={{
-            headerShown: false,
-            contentStyle: { backgroundColor: '#ffffff' },
-        }}
-    >
+    <AdminStackNav.Navigator screenOptions={screenOptions}>
         <AdminStackNav.Screen name="GameSettingsScreen" component={GameSettingsScreen}/>
         <AdminStackNav.Screen name="MapScreen" component={MapScreen}/>
         <AdminStackNav.Screen name="LeaderboardScreen" component={LeaderboardScreen}/>
         <AdminStackNav.Screen name="PlayersScreen" component={PlayersScreen}/>
         <AdminStackNav.Screen name="ExpandedMapScreen" component={ExpandedMapScreen}/>
-        <AdminStackNav.Screen name="AdminHubScreen" component={AdminHubScreen}/>
-        <AdminStackNav.Screen name="ManageSubgroupsScreen" component={ManageSubgroupsScreen}/>
         <AdminStackNav.Screen name="TeamScreen" component={TeamScreen}/>
-        <AdminStackNav.Screen name="CreateGameScreen" component={CreateGameScreen}/>
-        <AdminStackNav.Screen name="ManageGameScreen" component={ManageGameScreen}/>
     </AdminStackNav.Navigator>
 );
 
 export const App = () => {
+    // Load persisted session from AsyncStorage before choosing initial route
+    const [loading, setLoading] = useState(true);
+    const [initialRoute, setInitialRoute] = useState('Auth');
+
+    useEffect(() => {
+        loadSession().then((session) => {
+            if (session.currentUid) {
+                setInitialRoute(session.isAcceptedAdmin ? 'Admin' : 'Game');
+            }
+            setLoading(false);
+        });
+    }, []);
+
+    if (loading) {
+        return (
+            <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff'}}>
+                <ActivityIndicator size="large" />
+            </View>
+        );
+    }
+
     return (
         <SafeAreaProvider>
             <NavigationContainer>
-                <RootStack.Navigator
-                    screenOptions={{
-                        headerShown: false,
-                        contentStyle: { backgroundColor: '#ffffff' },
-                    }}
-                >
+                <RootStack.Navigator initialRouteName={initialRoute} screenOptions={screenOptions}>
                     <RootStack.Screen name="Auth" component={AuthStack}/>
                     <RootStack.Screen name="Game" component={GameStack}/>
                     <RootStack.Screen name="Admin" component={AdminStack}/>