feat: add keychains

frontend/app/(drawer)/_layout.tsx

@@ -16,6 +16,7 @@ export default function Layout() {
         }}
       >
         <Drawer.Screen name="hosts" options={{ title: "Hosts" }} />
+        <Drawer.Screen name="keychains" options={{ title: "Keychains" }} />
         <Drawer.Screen
           name="terminal"
           options={{ title: "Terminal", headerShown: media.sm }}

frontend/app/(drawer)/keychains.tsx

@@ -0,0 +1,3 @@
+import KeychainsPage from "@/pages/keychains/page";
+
+export default KeychainsPage;

frontend/app/_layout.tsx

@@ -26,10 +26,17 @@ export default function RootLayout() {
 
   return (
     <Providers>
-      <Stack>
+      <Stack
+        screenOptions={{
+          headerShadowVisible: false,
+        }}
+      >
         <Stack.Screen
           name="index"
-          options={{ headerShown: false, title: "Loading..." }}
+          options={{
+            headerShown: false,
+            title: "Loading...",
+          }}
         />
         <Stack.Screen name="(drawer)" options={{ headerShown: false }} />
         <Stack.Screen name="+not-found" options={{ title: "Not Found" }} />

frontend/app/_providers.tsx

@@ -36,20 +36,16 @@ const Providers = ({ children }: Props) => {
   }, [theme, colorScheme]);
 
   return (
-    <>
+    <QueryClientProvider client={queryClient}>
       <AuthProvider />
       <ThemeProvider value={navTheme}>
         <TamaguiProvider config={tamaguiConfig} defaultTheme={colorScheme}>
           <Theme name="blue">
-            <PortalProvider shouldAddRootHost>
-              <QueryClientProvider client={queryClient}>
-                {children}
-              </QueryClientProvider>
-            </PortalProvider>
+            <PortalProvider shouldAddRootHost>{children}</PortalProvider>
           </Theme>
         </TamaguiProvider>
       </ThemeProvider>
-    </>
+    </QueryClientProvider>
   );
 };