feat: improve multi-account switching

apps/desktop2/src/components/notification.tsx

@@ -1,32 +1,32 @@
 import type { Event } from "@lume/types";
-import { Note } from "./note";
+import { Note } from "@/components/note";
 import { cn } from "@lume/utils";
 
 export function Notification({
-	event,
-	className,
+  event,
+  className,
 }: {
-	event: Event;
-	className?: string;
+  event: Event;
+  className?: string;
 }) {
-	return (
-		<Note.Provider event={event}>
-			<Note.Root
-				className={cn(
-					"bg-white dark:bg-black/20 backdrop-blur-lg rounded-xl flex flex-col gap-3 shadow-primary dark:ring-1 ring-neutral-800/50",
-					className,
-				)}
-			>
-				<div>
-					<div className="px-3 h-14 flex items-center justify-between">
-						<Note.User />
-					</div>
-					<Note.Content className="px-3" />
-				</div>
-				<div className="flex items-center h-14 px-3">
-					<Note.Open />
-				</div>
-			</Note.Root>
-		</Note.Provider>
-	);
+  return (
+    <Note.Provider event={event}>
+      <Note.Root
+        className={cn(
+          "bg-white dark:bg-black/20 backdrop-blur-lg rounded-xl flex flex-col gap-3 shadow-primary dark:ring-1 ring-neutral-800/50",
+          className,
+        )}
+      >
+        <div>
+          <div className="px-3 h-14 flex items-center justify-between">
+            <Note.User />
+          </div>
+          <Note.Content className="px-3" />
+        </div>
+        <div className="flex items-center h-14 px-3">
+          <Note.Open />
+        </div>
+      </Note.Root>
+    </Note.Provider>
+  );
 }