feat: add new account management

packages/ui/src/layouts/app.tsx

@@ -1,24 +1,21 @@
+import { useStorage } from "@lume/storage";
 import { cn } from "@lume/utils";
-import { type Platform } from "@tauri-apps/plugin-os";
 import { Outlet } from "react-router-dom";
 import { Editor } from "../editor/column";
 import { Navigation } from "../navigation";
 import { SearchDialog } from "../search/dialog";
-import { WindowTitleBar } from "../titlebar";
 
-export function AppLayout({ platform }: { platform: Platform }) {
+export function AppLayout() {
+	const storage = useStorage();
+
 	return (
 		<div
 			className={cn(
 				"flex h-screen w-screen flex-col",
-				platform !== "macos" ? "bg-neutral-50 dark:bg-neutral-950" : "",
+				storage.platform !== "macos" ? "bg-neutral-50 dark:bg-neutral-950" : "",
 			)}
 		>
-			{platform === "windows" ? (
-				<WindowTitleBar platform={platform} />
-			) : (
-				<div data-tauri-drag-region className="h-9 shrink-0" />
-			)}
+			<div data-tauri-drag-region className="h-9 shrink-0" />
 			<div className="flex w-full h-full min-h-0">
 				<Navigation />
 				<Editor />

packages/ui/src/layouts/auth.tsx

@@ -1,9 +1,7 @@
-import { ArrowLeftIcon, SettingsIcon } from "@lume/icons";
-import { type Platform } from "@tauri-apps/plugin-os";
+import { ArrowLeftIcon } from "@lume/icons";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
-import { WindowTitleBar } from "../titlebar";
 
-export function AuthLayout({ platform }: { platform: Platform }) {
+export function AuthLayout() {
 	const location = useLocation();
 	const navigate = useNavigate();
 
@@ -11,11 +9,7 @@ export function AuthLayout({ platform }: { platform: Platform }) {
 
 	return (
 		<div className="flex flex-col w-screen h-screen bg-black text-neutral-50">
-			{platform === "windows" ? (
-				<WindowTitleBar platform={platform} />
-			) : (
-				<div data-tauri-drag-region className="h-9 shrink-0" />
-			)}
+			<div data-tauri-drag-region className="h-9 shrink-0" />
 			<div className="relative w-full h-full">
 				<div className="absolute top-8 z-10 flex items-center justify-between w-full px-9">
 					{canGoBack ? (