Refactor authentication flow and remove login screen

- Simplified the Index component by removing loading state handling and directly redirecting to the home screen.
- Deleted the login screen component to streamline the authentication process.
- Updated AccountScreen to redirect to home instead of login upon logout.
- Adjusted home screen background image source for better asset management.

Author: codergautam

mobile/app/(auth)/_layout.tsx

@@ -9,7 +9,6 @@ export default function AuthLayout() {
         contentStyle: { backgroundColor: colors.background },
       }}
     >
-      <Stack.Screen name="login" />
       <Stack.Screen name="set-username" />
     </Stack>
   );

mobile/app/(auth)/login.tsx

@@ -60,7 +60,7 @@ export default function AccountScreen() {
           style: 'destructive',
           onPress: async () => {
             await logout();
-            router.replace('/(auth)/login');
+            router.replace('/(tabs)/home');
           },
         },
       ]
@@ -75,7 +75,9 @@ export default function AccountScreen() {
           <Text style={styles.notLoggedIn}>Not logged in</Text>
           <Pressable
             style={styles.loginButton}
-            onPress={() => router.push('/(auth)/login')}
+            onPress={() => {
+              // TODO: Implement Google Sign-In directly
+            }}
           >
             <Text style={styles.loginButtonText}>Login</Text>
           </Pressable>

mobile/app/(tabs)/account.tsx

@@ -192,7 +192,7 @@ export default function HomeScreen() {
     <View style={styles.container}>
       {/* Background Image */}
       <ImageBackground
-        source={{ uri: 'https://www.worldguessr.com/street2christmas.jpg' }}
+        source={require('../../assets/street2.jpg')}
         style={styles.backgroundImage}
         resizeMode="cover"
       />

mobile/app/(tabs)/home.tsx

@@ -1,37 +1,14 @@
 import { useEffect } from 'react';
-import { View, ActivityIndicator, StyleSheet } from 'react-native';
 import { Redirect } from 'expo-router';
 import { useAuthStore } from '../src/store/authStore';
-import { colors } from '../src/shared';
 
 export default function Index() {
-  const { isLoading, isAuthenticated, loadSession } = useAuthStore();
+  const { loadSession } = useAuthStore();
 
+  // Load auth session in the background — don't block navigation
   useEffect(() => {
     loadSession();
   }, []);
 
-  if (isLoading) {
-    return (
-      <View style={styles.container}>
-        <ActivityIndicator size="large" color={colors.primary} />
-      </View>
-    );
-  }
-
-  // Redirect based on auth state
-  if (isAuthenticated) {
-    return <Redirect href="/(tabs)/home" />;
-  }
-
-  return <Redirect href="/(auth)/login" />;
+  return <Redirect href="/(tabs)/home" />;
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: colors.background,
-  },
-});

mobile/app/index.tsx

@@ -1,4 +1,7 @@
 # WorldGuessr - Overview & Architecture
+Hi Claude, today we will primarily be working on stuff for the WorldGuessr mobile app located in the mobile/ folder of this directory. To  
+  get more context about this project please read the files in spec-claude/ which are a good starting place to understand this proj. I        
+  suggest you take a bit of time to immerse yourself with that and the codebase in mobile/ first and we will proceed!  
 
 ## What is WorldGuessr
 - Free GeoGuessr alternative web game
@@ -18,6 +21,8 @@
 - **i18n**: Custom hook-based system, 5 languages (en, es, fr, de, ru)
 - **Key Libraries**: react-responsive-modal, react-toastify, chart.js, react-icons, bad-words, @googlemaps/js-api-loader
 
+Our goal with this project is to create an exact replica of this web client in React Native, while minimizing bloat and ensuring a smoother experience (so not just a simple iframe, need to rebuild everything in a better manner while keeping exact same style and functionality)
+
 ## Project Structure
 ```
 worldguessr/