fix: render lucide icons in community and service form

app/(dashboard)/dashboard/services/new/page.tsx

@@ -18,6 +18,7 @@ import {
   SelectValue,
 } from "@/components/ui/select"
 import { Textarea } from "@/components/ui/textarea"
+import { GameIcon } from "@/lib/game-icons"
 import { mockGames } from "@/lib/mock-data"
 
 const serviceSchema = z.object({
@@ -70,7 +71,10 @@ export default function NewServicePage() {
                 <SelectContent>
                   {mockGames.map((game) => (
                     <SelectItem key={game.id} value={game.id}>
-                      {game.icon} {game.name}
+                      <div className="flex items-center gap-2">
+                        <GameIcon name={game.icon} className="h-4 w-4" />
+                        {game.name}
+                      </div>
                     </SelectItem>
                   ))}
                 </SelectContent>

app/(main)/community/page.tsx

@@ -1,4 +1,4 @@
-import { Heart, MessageCircle, PenSquare, Pin } from "lucide-react"
+import { ClipboardList, Heart, MessageCircle, PenSquare, Pin } from "lucide-react"
 import Link from "next/link"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
@@ -62,8 +62,9 @@ export default function CommunityPage() {
                   </div>
                 )}
                 {post.linkedOrderId && (
-                  <div className="mt-2 rounded border bg-muted/30 px-3 py-2 text-xs text-muted-foreground">
+                  <div className="mt-2 rounded border bg-muted/30 px-3 py-2 text-xs text-muted-foreground flex items-center gap-1.5">
-                    📋 关联订单秀单
+                    <ClipboardList className="h-3.5 w-3.5" />
+                    关联订单秀单
                   </div>
                 )}
               </CardContent>