Start fixing simple Android issues

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'],