Fix minor details

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/app.tsx

@@ -10,7 +10,8 @@ import { SettingsProvider } from './contexts/settings';
 
 function App(): JSX.Element {
   const colorScheme = Appearance.getColorScheme();
-  const theme = colorScheme === 'dark' ? lightTheme : darkTheme;
+  const isDarkMode = colorScheme === 'dark';
+  const theme = isDarkMode ? darkTheme : lightTheme;
 
   return (
     <RealmProvider schema={[Meme, Tag]}>
@@ -19,7 +20,7 @@ function App(): JSX.Element {
           <SafeAreaProvider>
             <StatusBar
               barStyle={
-                colorScheme === 'dark' ? 'dark-content' : 'light-content'
+                isDarkMode ? 'light-content' : 'dark-content'
               }
               backgroundColor={theme.colors.background}
             />