feat(frontend): replace dashboard with realtime device map

frontend/src/routes/_layout.tsx

@@ -29,23 +29,25 @@ function Layout() {
   const pathname = useRouterState({
     select: (state) => state.location.pathname,
   })
-  const isGnssMonitorPage = pathname === "/gnss-monitor"
+  const isFullScreenPage = pathname === "/gnss-monitor" || pathname === "/"
 
   return (
     <SidebarProvider>
       <AppSidebar />
-      <SidebarInset>
-        <header className="sticky top-0 z-10 flex h-16 shrink-0 items-center gap-2 border-b px-4">
+      <SidebarInset className="flex flex-col">
+        <header className="sticky top-0 z-10 flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
           <SidebarTrigger className="-ml-1 text-muted-foreground" />
         </header>
-        <main className="flex-1 p-6 md:p-8">
+        <main
+          className={`flex-1 flex flex-col ${isFullScreenPage ? "p-0" : "p-6 md:p-8"}`}
+        >
           <div
-            className={`mx-auto ${isGnssMonitorPage ? "max-w-none" : "max-w-7xl"}`}
+            className={`flex-1 flex flex-col mx-auto w-full ${isFullScreenPage ? "max-w-none" : "max-w-7xl"}`}
           >
             <Outlet />
           </div>
         </main>
-        <Footer />
+        {!isFullScreenPage && <Footer />}
       </SidebarInset>
     </SidebarProvider>
   )