feat(nav): add logout action in top navigation (#580)

* feat(nav): add logout action in top navigation

- Add user dropdown menu to TopNav with Sign out button
- Clicking Sign out calls signOut() from useAuth and redirects to /login
- Dropdown shows signed-in user name and email
- Dropdown is accessible: aria-expanded, aria-haspopup, role=menu,
  role=menuitem; closes on outside click and Escape key
- Display name falls back to user.name from AuthContext
- Add Vitest tests covering open/close, logout call, redirect, aria attrs

Closes #467

* fix(ui): repair toast.tsx — add missing ToastVariant type, useRef import, and close Toast function body

* fix: resolve TypeScript CI failures in CopyButton and useKeyboardNavigation

- CopyButton: omit 'type' from ButtonProps spread to prevent collision
  between content type ('text'|'key'|'address'|'code') and HTML button
  type attribute ('button'|'submit'|'reset'); remove unused 'reset'
  destructure

- useKeyboardNavigation: replace invalid EventListener casts with a
  proper native Event bridge wrapper; use React.useState for
  currentIndex/position instead of invalid useCallback/useRef pattern;
  use event as unknown cast for keyboard shortcut handler

Fixes #464 #465 #466 #467 (CI typecheck/build failure)

* fix: resolve remaining TypeScript CI failures

- wallet/page.tsx: add missing isSendOpen state declaration
- button.tsx: export ButtonProps type for external use
- wallet.ts: add name? field to Wallet interface
- MetricsCards.tsx: add required open prop to Toast component
- TopAssetsTable.tsx: add required open prop to Toast component
- Remove duplicate Toast.tsx (conflicts with toast.tsx on case-sensitive systems)

Fixes case-sensitivity conflict and missing props/types

* fix: resolve CI TypeScript errors

- Rename Toast.stories.tsx to toast.stories.tsx (case-sensitive FS)
- Fix import ordering in MetricsCards and TopAssetsTable
- Update package dependencies and build configuration

Fixes:
- TS1261: Case-only file name difference error
- Import resolution consistency across platforms

* fix: remove packageManager field to resolve CI pnpm version conflict

---------

Co-authored-by: tali-creator <tali-creator@users.noreply.github.com>
Co-authored-by: James Aklo <jamesjambox@gmail.com>

Author: tali-creator

src/components/layouts/TopNav.tsx

@@ -180,6 +180,36 @@ export function TopNav({ onMenuClick }: TopNavProps) {
 
 	const displayName = user?.name ?? "Developer";
 
+	// Close dropdown when clicking outside
+	useEffect(() => {
+		function handleClickOutside(event: MouseEvent) {
+			if (menuRef.current && !menuRef.current.contains(event.target as Node)) {
+				setMenuOpen(false);
+			}
+		}
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, []);
+
+	// Close dropdown on Escape key
+	useEffect(() => {
+		function handleKeyDown(event: KeyboardEvent) {
+			if (event.key === "Escape") {
+				setMenuOpen(false);
+			}
+		}
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, []);
+
+	function handleLogout() {
+		setMenuOpen(false);
+		signOut();
+		router.replace("/login");
+	}
+
+	const displayName = user?.name ?? "Developer";
+
 	return (
 		<header className="sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white/95 px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8 backdrop-blur supports-backdrop-filter:bg-white/60 dark:border-zinc-800 dark:bg-zinc-900/95 dark:supports-backdrop-filter:bg-zinc-900/60">
 			{/* Menu button for mobile */}

src/components/ui/toast.tsx

@@ -32,6 +32,8 @@ export type ToastVariant = "success" | "error" | "info" | "warning";
 
 export type ToastVariant = "success" | "error" | "info" | "warning";
 
+export type ToastVariant = "success" | "error" | "info" | "warning";
+
 /** Props for the `Toast` notification component. */
 export interface ToastProps {
 	/** Whether the toast is visible. When `false` nothing is rendered. */