feat: Add production-safe logging for avatar debugging

src/components/auth/AuthButtons.tsx

@@ -83,6 +83,17 @@ export function AuthButtons() {
       </>
     );
   }
+  // Debug logging for avatar rendering
+  console.log('[AuthButtons] Component render:', {
+    hasUser: !!user,
+    hasProfile: !!profile,
+    hasAvatarUrl: !!profile?.avatar_url,
+    avatarUrl: profile?.avatar_url,
+    displayName: profile?.display_name,
+    username: profile?.username,
+    loading
+  });
+
   return <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" className="relative h-8 w-8 rounded-full">