Update index.tsx

src/components/organisms/Sidebar/index.tsx

@@ -72,6 +72,14 @@ export function Sidebar() {
     // State reset is handled by the redirect/refresh
   };
 
+  // Get user initials for avatar fallback
+  const getUserInitials = () => {
+    if (userData?.sub) {
+      return userData.sub.slice(0, 2).toUpperCase();
+    }
+    return "RA";
+  };
+
   return (
     <aside 
       className={cn(
@@ -137,9 +145,7 @@ export function Sidebar() {
           isCollapsed ? "justify-center" : "px-3"
         )}>
           <Avatar className="h-8 w-8 border">
-            <AvatarFallback className="bg-primary/5 text-primary">
-              <UserIcon size={14} />
-            </AvatarFallback>
+            <AvatarFallback alt={getUserInitials()} className="bg-primary/5 text-primary text-xs font-semibold" />
           </Avatar>
           {!isCollapsed && (
             <div className="flex flex-col min-w-0 flex-1">