feat: update ui

frontend/app/(drawer)/_layout.tsx

@@ -0,0 +1,26 @@
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { Drawer } from "expo-router/drawer";
+import React from "react";
+import { useMedia } from "tamagui";
+
+export default function Layout() {
+  const media = useMedia();
+
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <Drawer
+        screenOptions={{
+          drawerType: media.sm ? "front" : "permanent",
+          drawerStyle: { width: 250 },
+          headerLeft: media.sm ? undefined : () => null,
+        }}
+      >
+        <Drawer.Screen name="hosts" options={{ title: "Hosts" }} />
+        <Drawer.Screen
+          name="terminal"
+          options={{ title: "Terminal", headerShown: true }}
+        />
+      </Drawer>
+    </GestureHandlerRootView>
+  );
+}

frontend/app/(drawer)/hosts.tsx

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

frontend/app/(drawer)/terminal.tsx

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