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>