fix avator show n plaza

src/components/plaza/PromptCard.tsx

@@ -5,18 +5,18 @@ import { useTranslations } from 'next-intl'
 import { useAuth } from '@/hooks/useAuth'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { 
-  Card, 
-  CardContent, 
-  CardDescription, 
-  CardHeader, 
-  CardTitle 
+import { LegacyAvatar } from '@/components/ui/avatar'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
 } from '@/components/ui/card'
-import { 
-  Copy, 
-  Download, 
-  Eye, 
+import {
+  Copy,
+  Download,
+  Eye,
   Calendar,
   Check
 } from 'lucide-react'
@@ -230,16 +230,13 @@ export function PromptCard({ prompt, onViewIncrement }: PromptCardProps) {
 
         {/* Author & Meta */}
         <div className="flex items-center justify-between text-xs text-muted-foreground">
-          <div className="flex items-center space-x-2 min-w-0">
-            <Avatar className="h-6 w-6 shrink-0">
-              <AvatarImage 
-                src={prompt.user.avatar || undefined} 
-                alt={prompt.user.username || 'User'} 
-              />
-              <AvatarFallback className="text-xs">
-                {prompt.user.username?.[0]?.toUpperCase() || 'U'}
-              </AvatarFallback>
-            </Avatar>
+          <div className="flex items-center gap-2 min-w-0 flex-shrink-0">
+            <LegacyAvatar
+              src={prompt.user.avatar || undefined}
+              alt={prompt.user.username || 'User'}
+              size={24}
+              className="w-6 h-6"
+            />
             <span className="truncate max-w-[100px]">
               {prompt.user.username || 'Anonymous'}
             </span>