refactor: switch to using Bun (#718)

packages/web/src/App.tsx

@@ -1,20 +1,19 @@
 import { DeviceWrapper } from "@app/DeviceWrapper.tsx";
+import { CommandPalette } from "@components/CommandPalette/index.tsx";
 import { DialogManager } from "@components/Dialog/DialogManager.tsx";
 import { NewDeviceDialog } from "@components/Dialog/NewDeviceDialog.tsx";
 import { KeyBackupReminder } from "@components/KeyBackupReminder.tsx";
-import { Toaster } from "@components/Toaster.tsx";
+import { ErrorPage } from "@components/UI/ErrorPage.tsx";
 import Footer from "@components/UI/Footer.tsx";
+import { useTheme } from "@core/hooks/useTheme.ts";
 import { useAppStore } from "@core/stores/appStore.ts";
 import { useDeviceStore } from "@core/stores/deviceStore.ts";
-import { Dashboard } from "@pages/Dashboard/index.tsx";
-import { ErrorBoundary } from "react-error-boundary";
-import { ErrorPage } from "@components/UI/ErrorPage.tsx";
-import { MapProvider } from "react-map-gl/maplibre";
-import { CommandPalette } from "@components/CommandPalette/index.tsx";
 import { SidebarProvider } from "@core/stores/sidebarStore.tsx";
-import { useTheme } from "@core/hooks/useTheme.ts";
+import { Dashboard } from "@pages/Dashboard/index.tsx";
 import { Outlet } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import { ErrorBoundary } from "react-error-boundary";
+import { MapProvider } from "react-map-gl/maplibre";
 
 export function App() {
   const { getDevice } = useDeviceStore();
@@ -34,7 +33,7 @@ export function App() {
           setConnectDialogOpen(open);
         }}
       />
-      <Toaster />
+      {/* <Toaster /> */}
       <TanStackRouterDevtools position="bottom-right" />
       <DeviceWrapper device={device}>
         <div
@@ -43,23 +42,21 @@ export function App() {
         >
           <SidebarProvider>
             <div className="h-full flex flex-col">
-              {device
-                ? (
-                  <div className="h-full flex w-full">
-                    <DialogManager />
-                    <KeyBackupReminder />
-                    <CommandPalette />
-                    <MapProvider>
-                      <Outlet />
-                    </MapProvider>
-                  </div>
-                )
-                : (
-                  <>
-                    <Dashboard />
-                    <Footer />
-                  </>
-                )}
+              {device ? (
+                <div className="h-full flex w-full">
+                  <DialogManager />
+                  <KeyBackupReminder />
+                  <CommandPalette />
+                  <MapProvider>
+                    <Outlet />
+                  </MapProvider>
+                </div>
+              ) : (
+                <>
+                  <Dashboard />
+                  <Footer />
+                </>
+              )}
             </div>
           </SidebarProvider>
         </div>