新增頭像圖片上傳

components/admin/admin-layout.tsx

@@ -25,7 +25,7 @@ import {
 } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
-import { Avatar, AvatarFallback } from "@/components/ui/avatar"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent } from "@/components/ui/card"
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
@@ -312,6 +312,7 @@ export function AdminLayout({ children, currentPage, onPageChange }: AdminLayout
         <div className="p-4 border-t">
           <div className="flex items-center space-x-3">
             <Avatar className="w-8 h-8">
+              <AvatarImage src={user.avatar} />
               <AvatarFallback className="bg-gradient-to-r from-blue-600 to-purple-600 text-white text-sm">
                 {user.name.charAt(0)}
               </AvatarFallback>

components/admin/user-management.tsx

@@ -1355,6 +1355,7 @@ export function UserManagement() {
               <TabsContent value="info" className="space-y-4">
                 <div className="flex items-center space-x-4">
                   <Avatar className="w-16 h-16">
+                    <AvatarImage src={selectedUser.avatar} />
                     <AvatarFallback className="bg-gradient-to-r from-blue-600 to-purple-600 text-white text-xl">
                       {selectedUser.name ? selectedUser.name.charAt(0) : selectedUser.email.charAt(0).toUpperCase()}
                     </AvatarFallback>