新增頭像圖片上傳

components/auth/user-menu.tsx

@@ -10,7 +10,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { Avatar, AvatarFallback } from "@/components/ui/avatar"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { User, BarChart3, Settings, LogOut, Code, Shield, Upload } from "lucide-react"
 import { LoginDialog } from "./login-dialog"
 import { RegisterDialog } from "./register-dialog"
@@ -119,6 +119,7 @@ export function UserMenu() {
         <DropdownMenuTrigger asChild>
           <Button variant="ghost" className="relative h-10 w-10 rounded-full">
             <Avatar className="h-10 w-10">
+              <AvatarImage src={user.avatar} />
               <AvatarFallback className="bg-gradient-to-r from-blue-600 to-purple-600 text-white">
                 {user.name.charAt(0)}
               </AvatarFallback>
@@ -128,6 +129,7 @@ export function UserMenu() {
         <DropdownMenuContent className="w-80" align="end" forceMount>
           <div className="flex items-center justify-start gap-2 p-4">
             <Avatar className="h-12 w-12">
+              <AvatarImage src={user.avatar} />
               <AvatarFallback className="bg-gradient-to-r from-blue-600 to-purple-600 text-white text-lg">
                 {user.name.charAt(0)}
               </AvatarFallback>