apply claude's recommendations

Author: kantord

src/components/user-menu/sign-out-menu-item.tsx

@@ -1,10 +1,16 @@
 import { LogOut } from "lucide-react";
+import { toast } from "sonner";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
 import { signOut } from "@/lib/auth/auth-client";
 
 export function SignOutMenuItem() {
   const handleSignOut = async () => {
-    await signOut();
+    try {
+      await signOut();
+    } catch (error) {
+      console.error("Sign out failed:", error);
+      toast.error("Failed to sign out. Please try again.");
+    }
   };
 
   return (

src/components/user-menu/user-avatar.tsx

@@ -4,12 +4,22 @@ interface UserAvatarProps {
   userName: string;
 }
 
+/**
+ * Extracts initials from a user's full name.
+ * Takes the first letter of the first word and last word (max 2 characters).
+ * @example getInitials("John Doe") // "JD"
+ * @example getInitials("Madonna") // "M"
+ * @example getInitials("") // "?"
+ */
 function getInitials(name: string): string {
-  return name
-    .split(" ")
-    .map((word) => word[0])
-    .join("")
-    .toUpperCase();
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) return "?";
+
+  // Take first letter of first word and first letter of last word (max 2 chars)
+  const first = words[0][0];
+  const last = words.length > 1 ? words[words.length - 1][0] : "";
+
+  return (first + last).toUpperCase();
 }
 
 export function UserAvatar({ userName }: UserAvatarProps) {