chore(app): remove scan tabs to keep development lean

app/app/_layout.tsx

@@ -65,7 +65,6 @@ function AppContainer(): JSX.Element | null {
               <Stack.Screen name="about/licenses" options={{ presentation: 'modal' }} />
               <Stack.Screen name="api/settings" options={{ presentation: 'modal' }} />
               <Stack.Screen name="keys/settings" options={{ presentation: 'modal' }} />
-              <Stack.Screen name="scan/settings" options={{ presentation: 'modal' }} />
             </Stack>
           </ExternalLinkProvider>
         </HapticFeedbackProvider>

app/app/tabs/_layout.tsx

@@ -40,9 +40,10 @@ export default function TabsLayout(): JSX.Element {
         headerTitleStyle: tailwind('text-white'),
       }}
     >
-      <Tabs.Screen {...tabScreenProps({ route: 'index', title: 'Keys', icon: 'key' })} />
-      <Tabs.Screen {...tabScreenProps({ route: 'api', title: 'API', icon: 'API' })} />
-      <Tabs.Screen {...tabScreenProps({ route: 'scan', title: 'Scan', icon: 'scan1' })} />
+      <Tabs.Screen {...tabScreenProps({ route: 'index', title: 'Keychain', icon: 'key' })} />
+      <Tabs.Screen {...tabScreenProps({ route: 'api', title: 'API Requests', icon: 'API' })} />
+      {/* TODO(fuxingloh): implement scan. It is a planned feature, but removed it first to keep the development lean. */}
+      {/* <Tabs.Screen {...tabScreenProps({ route: 'scan', title: 'Scan', icon: 'scan1' })} /> */}
       <Tabs.Screen {...tabScreenProps({ route: 'settings', title: 'Settings', icon: 'setting' })} />
     </Tabs>
   );

app/app/tabs/api.tsx

@@ -1,15 +1,13 @@
-import { Stack } from 'expo-router';
 import { Text, View } from 'react-native';
 import { useTailwind } from 'tailwind-rn';
 
-export default function ApiPage(): JSX.Element {
+export default function ApiTab(): JSX.Element {
   const tailwind = useTailwind();
 
   return (
     <>
-      <Stack.Screen options={{ title: 'API' }} />
       <View style={tailwind('flex-1 items-center justify-center bg-zinc-900')}>
-        <Text style={tailwind('text-center text-xl text-white')}>API</Text>
+        <Text style={tailwind('text-center text-xl text-white')}>API Requests</Text>
       </View>
     </>
   );

app/app/tabs/index.tsx

@@ -1,12 +1,12 @@
 import { Text, View } from 'react-native';
 import { useTailwind } from 'tailwind-rn';
 
-export default function KeysPage(): JSX.Element {
+export default function KeychainTab(): JSX.Element {
   const tailwind = useTailwind();
   return (
     <>
       <View style={tailwind('flex-1 flex-col items-center justify-center bg-zinc-900')}>
-        <Text style={tailwind('text-center text-xl text-white')}>Keys</Text>
+        <Text style={tailwind('text-center text-xl text-white')}>Keychain</Text>
       </View>
     </>
   );

app/app/tabs/settings.tsx

@@ -7,7 +7,7 @@ import { useExternalLink } from '../ExternalLinkProvider';
 import { useHaptic } from '../HapticFeedback';
 import { IconSet } from '../IconSet';
 
-export default function SettingPage(): JSX.Element {
+export default function SettingsTab(): JSX.Element {
   const tailwind = useTailwind();
 
   return (
@@ -39,14 +39,6 @@ export default function SettingPage(): JSX.Element {
                   title: 'API Settings',
                 },
               },
-              {
-                type: 'select',
-                props: {
-                  to: '/scan/settings',
-                  icon: 'scan1',
-                  title: 'Scan Settings',
-                },
-              },
             ],
           },
           {