feat: redesign navigation bar

packages/ui/src/account/active.tsx

@@ -17,33 +17,30 @@ export function ActiveAccount() {
 	)}`;
 
 	return (
-		<div className="flex flex-col gap-1 rounded-xl bg-black/10 p-1 ring-1 ring-transparent hover:bg-black/20 hover:ring-blue-500 dark:bg-white/10 dark:hover:bg-white/20">
-			<Link to="/settings/" className="relative inline-block">
-				<Avatar.Root>
-					<Avatar.Image
-						src={user?.picture || user?.image}
-						alt={storage.account.pubkey}
-						loading="lazy"
-						decoding="async"
-						style={{ contentVisibility: "auto" }}
-						className="aspect-square h-auto w-full rounded-lg object-cover"
-					/>
-					<Avatar.Fallback delayMs={150}>
-						<img
-							src={svgURI}
-							alt={storage.account.pubkey}
-							className="aspect-square h-auto w-full rounded-lg bg-black dark:bg-white"
-						/>
-					</Avatar.Fallback>
-				</Avatar.Root>
-				<span
-					className={twMerge(
-						"absolute bottom-0 right-0 block h-2 w-2 rounded-full ring-2 ring-neutral-100 dark:ring-neutral-900",
-						isOnline ? "bg-teal-500" : "bg-red-500",
-					)}
+		<Link to="/settings/" className="relative inline-block">
+			<Avatar.Root>
+				<Avatar.Image
+					src={user?.picture || user?.image}
+					alt={storage.account.pubkey}
+					loading="lazy"
+					decoding="async"
+					style={{ contentVisibility: "auto" }}
+					className="aspect-square h-auto w-full rounded-xl object-cover"
 				/>
-			</Link>
-			<AccountMoreActions />
-		</div>
+				<Avatar.Fallback delayMs={150}>
+					<img
+						src={svgURI}
+						alt={storage.account.pubkey}
+						className="aspect-square h-auto w-full rounded-xl bg-black dark:bg-white"
+					/>
+				</Avatar.Fallback>
+			</Avatar.Root>
+			<span
+				className={twMerge(
+					"absolute bottom-0 right-0 block h-2 w-2 rounded-full ring-2 ring-neutral-100 dark:ring-neutral-900",
+					isOnline ? "bg-teal-500" : "bg-red-500",
+				)}
+			/>
+		</Link>
 	);
 }