Start fixing simple Android issues

app/(tabs)/index.tsx

@@ -7,7 +7,7 @@ const HomeScreen = () => {
   return (
     <ParallaxScrollView
       headerImage={
-        <Image source={require('@/assets/images/tech_tracker_logo.png')} style={styles.reactLogo} />
+        <Image source={require('@/assets/images/tech_tracker_logo.png')} style={styles.techTrackerLogo} />
       }
       headerTitle={
         <ThemedText type='title' style={styles.headerTitle}>
@@ -33,17 +33,17 @@ const styles = StyleSheet.create({
     gap: 8,
     marginBottom: 8,
   },
-  reactLogo: {
+  techTrackerLogo: {
     height: 70,
     width: 72,
     bottom: 10,
-    left: 40,
+    left: Platform.OS === 'ios' ? 40 : 20,
     position: 'absolute',
   },
   headerTitle: {
     position: 'absolute',
     bottom: 20,
-    left: 75,
+    left: 80,
     right: 0,
     textAlign: 'center',
     fontSize: 48,

app/(tabs)/settings/index.tsx

@@ -3,8 +3,11 @@ import { useRouter } from 'expo-router';
 import ParallaxScrollView from '@/components/default/ParallaxScrollView';
 import { ThemedText, ThemedTextButton, ThemedView } from '@/components/theme';
 import { IconSymbol } from '@/components/ui/IconSymbol';
+import { Colors } from '@/constants/Colors';
+import { useColorScheme } from '@/hooks/useColorScheme';
 
 const SettingsScreen = () => {
+  const scheme = useColorScheme() ?? 'dark';
   const router = useRouter();
 
   return (
@@ -20,7 +23,7 @@ const SettingsScreen = () => {
     >
       <ThemedView style={styles.section}>
         <TouchableOpacity 
-          style={styles.settingItem}
+          style={[styles.settingItem, {backgroundColor: Colors[scheme].card}]}
           onPress={() => router.push('/settings/profile')}
         >
           <IconSymbol name="person.fill" size={24} color="#007AFF" style={styles.icon} />
@@ -67,7 +70,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     padding: 16,
-    backgroundColor: 'rgba(200, 200, 200, 0.1)',
     marginBottom: 1,
   },
   icon: {

app/(tabs)/settings/profile.tsx

@@ -3,6 +3,7 @@ import {
   StyleSheet,
   Alert,
   ActivityIndicator,
+  ScrollView,
 } from 'react-native';
 import { supabase } from '@/lib/supabase';
 import { ThemedView, ThemedText, ThemedTextButton, ThemedTextInput } from '@/components/theme';
@@ -107,6 +108,10 @@ const ProfileScreen = () => {
   }
 
   return (
+    <ScrollView
+      contentContainerStyle={styles.scrollContainer}
+      keyboardShouldPersistTaps='never'
+    >
     <ThemedView style={styles.container}>
         <ThemedView style={styles.avatarContainer}>
           <ProfileAvatar
@@ -154,6 +159,7 @@ const ProfileScreen = () => {
           style={styles.logoutButton}
         />
     </ThemedView>
+    </ScrollView>
   );
 };
 export default ProfileScreen;

components/status/StatusList.tsx

@@ -20,8 +20,12 @@ import { RealtimeChannel } from '@supabase/supabase-js';
 import { UserStatus } from '@/constants/Types';
 import debounce from 'lodash/debounce';
 import NetInfo from '@react-native-community/netinfo';
+import { Colors } from '@/constants/Colors';
+import { useColorScheme } from '@/hooks/useColorScheme';
 
 const StatusList = () => {
+  const scheme = useColorScheme() ?? 'dark';
+
   const [statuses, setStatuses] = useState<UserStatus[]>([]);
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
@@ -357,6 +361,7 @@ const StatusList = () => {
         style={[
           styles.statusItem,
           recentlyUpdatedIds.has(item.id) && styles.recentlyUpdated,
+          {backgroundColor: Colors[scheme].card},
         ]}
         onPress={() => handleUserSelect(item)}
         activeOpacity={0.7}
@@ -469,7 +474,6 @@ const styles = StyleSheet.create({
   },
   statusItem: {
     flexDirection: 'row',
-    backgroundColor: 'rgba(200, 200, 200, 0.1)',
     padding: 16,
     borderRadius: 12,
     marginHorizontal: 16,

components/ui/IconSymbol.tsx

@@ -13,6 +13,9 @@ const MAPPING = {
   'paperplane.fill': 'send',
   'chevron.left.forwardslash.chevron.right': 'code',
   'chevron.right': 'chevron-right',
+  'gear.circle' : 'settings',
+  'gearshape.fill' : 'settings',
+  'person.fill' : 'person'
 } as Partial<
   Record<
     import('expo-symbols').SymbolViewProps['name'],