Add new page designs 3

frontend/src/components/layout/Header/Header.tsx

@@ -17,7 +17,6 @@ import {
   Settings, 
   User, 
   LogOut,
-  ChevronDown,
   X
 } from 'lucide-react';
 
@@ -400,9 +399,9 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
                 aria-haspopup="true"
               >
                 <Avatar
-                  src={user.avatar_url}
-                  alt={user.full_name}
-                  fallback={user.full_name}
+                  src={user.avatar}
+                  alt={user.name}
+                  fallback={user.name}
                   size="xs"
                   className={clsx(
                     "flex-shrink-0 transition-all duration-200",
@@ -411,7 +410,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
                   )}
                 />
                 <span className="hidden sm:block text-sm font-medium text-[var(--text-primary)] truncate max-w-[120px]">
-                  {user.full_name}
+                  {user.name}
                 </span>
               </Button>
 
@@ -420,7 +419,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
                   {/* User info */}
                   <div className="px-4 py-2 border-b border-[var(--border-primary)]">
                     <div className="text-sm font-medium text-[var(--text-primary)] truncate">
-                      {user.full_name}
+                      {user.name}
                     </div>
                     <div className="text-xs text-[var(--text-tertiary)] truncate">
                       {user.email}