fix: render lucide game icons in homepage and search page

app/(main)/page.tsx

@@ -4,6 +4,7 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
+import { GameIcon } from "@/lib/game-icons"
 import { mockGames, mockPlayers, mockShops } from "@/lib/mock-data"
 
 export default function HomePage() {
@@ -43,7 +44,7 @@ export default function HomePage() {
               href={`/search?game=${encodeURIComponent(game.name)}`}
               className="flex flex-col items-center gap-2 rounded-lg border p-3 hover:bg-accent/50 transition-colors"
             >
-              <span className="text-2xl">{game.icon}</span>
+              <GameIcon name={game.icon} className="h-6 w-6" />
               <span className="text-xs font-medium text-center">{game.name}</span>
             </Link>
           ))}