fix: fix status bar theme based on the selected colorScheme

Author: yjose

src/components/ui/focus-aware-status-bar.tsx

@@ -11,5 +11,10 @@ export const FocusAwareStatusBar = ({ hidden = false }: Props) => {
 
   if (Platform.OS === 'web') return null;
 
-  return isFocused ? <SystemBars style={colorScheme} hidden={hidden} /> : null;
+  return isFocused ? (
+    <SystemBars
+      style={colorScheme === 'light' ? 'dark' : 'light'}
+      hidden={hidden}
+    />
+  ) : null;
 };