cleanup

mobile/App.tsx

@@ -15,7 +15,6 @@ export default function App() {
   const [isSplashFinished, setSplashFinished] = useState(false);
   const colorScheme = useColorScheme();
 
-  // Fix for white background behind modals
   const backgroundColor = colorScheme === 'dark' ? AppDarkTheme.colors.background : AppLightTheme.colors.background;
   SystemUI.setBackgroundColorAsync(backgroundColor);
 

mobile/src/components/SocialButtons.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, Platform, useColorScheme, Image } from 'react-native';
-import * as AppleAuthentication from 'expo-apple-authentication';
 import { FontAwesome } from '@expo/vector-icons';
-import { COLORS } from '../theme/colors';
 
 interface SocialButtonsProps {
   onGooglePress: () => void;
@@ -19,7 +17,7 @@ export default function SocialButtons({ onGooglePress, onFacebookPress, onAppleP
       <Text style={[styles.divider, { color: isDark ? '#a0aec0' : '#888' }]}>Or continue with</Text>
 
       <View style={styles.row}>
-        {/* Google Button - Multicolored Image */}
+        {/* Google Button */}
         <TouchableOpacity
           style={[styles.circleButton, { backgroundColor: 'white' }]}
           onPress={onGooglePress}
@@ -31,7 +29,7 @@ export default function SocialButtons({ onGooglePress, onFacebookPress, onAppleP
           />
         </TouchableOpacity>
 
-        {/* Facebook Button - White F on Blue Background */}
+        {/* Facebook Button */}
         <TouchableOpacity
           style={[styles.circleButton, { backgroundColor: '#1877F2', borderWidth: 0 }]}
           onPress={onFacebookPress}
@@ -39,7 +37,7 @@ export default function SocialButtons({ onGooglePress, onFacebookPress, onAppleP
           <FontAwesome name="facebook" size={24} color="white" />
         </TouchableOpacity>
 
-        {/* Apple Button - White on Black (Light) / Black on White (Dark) */}
+        {/* Apple Button */}
         {Platform.OS === 'ios' && (
           <TouchableOpacity
             style={[

mobile/src/screens/AnimatedSplash.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useRef, useState, useCallback } from 'react';
 import { View, StyleSheet, Image, Animated, useColorScheme } from 'react-native';
 import * as SplashScreen from 'expo-splash-screen';
-import { COLORS } from '../theme/colors';
 
 interface AnimatedSplashProps {
   onFinish: () => void;