feat: add login dialog

apps/desktop2/src/routes/$account.tsx

@@ -5,6 +5,7 @@ import {
   HomeFilledIcon,
   HomeIcon,
   HorizontalDotsIcon,
+  SettingsIcon,
   SpaceFilledIcon,
   SpaceIcon,
 } from "@lume/icons";
@@ -43,6 +44,12 @@ function App() {
             <ComposeFilledIcon className="size-4" />
             New post
           </button>
+          <button
+            type="button"
+            className="inline-flex size-8 items-center justify-center rounded-full bg-neutral-200 text-neutral-800 hover:bg-neutral-400 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:bg-neutral-600"
+          >
+            <HorizontalDotsIcon className="size-5" />
+          </button>
         </div>
       </div>
       <Box>

apps/desktop2/src/routes/backup.lazy.tsx

@@ -1,20 +0,0 @@
-import { createLazyFileRoute } from "@tanstack/react-router";
-import { useTranslation } from "react-i18next";
-
-export const Route = createLazyFileRoute("/backup")({
-  component: Screen,
-});
-
-function Screen() {
-  const { t } = useTranslation();
-
-  return (
-    <div className="flex h-full w-full items-center justify-center">
-      <div className="mx-auto flex w-full max-w-md flex-col gap-8">
-        <div className="flex flex-col items-center gap-1 text-center">
-          <h1 className="text-2xl font-semibold">{t("backup.title")}</h1>
-        </div>
-      </div>
-    </div>
-  );
-}

apps/desktop2/src/routes/index.tsx

@@ -6,7 +6,7 @@ import { createFileRoute, redirect, useNavigate } from "@tanstack/react-router";
 import { useState } from "react";
 
 export const Route = createFileRoute("/")({
-  beforeLoad: async ({ location, context }) => {
+  beforeLoad: async ({ context }) => {
     const ark = context.ark;
     const accounts = await ark.get_all_accounts();
 

apps/desktop2/src/routes/login.tsx

@@ -1,14 +0,0 @@
-import { Outlet, createFileRoute } from "@tanstack/react-router";
-
-export const Route = createFileRoute("/login")({
-  component: Screen,
-});
-
-function Screen() {
-  return (
-    <div>
-      <h1>Login</h1>
-      <Outlet />
-    </div>
-  );
-}