Add player bug reports and profile identity features

components/Leaderboard.tsx

@@ -3,6 +3,7 @@ import { useI18n } from "@/components/I18nProvider";
 import Link from "next/link";
 import { ArrowRight } from "lucide-react";
 import { PixelTrophy, PlayerAvatar } from "./PixelArt";
+import { Username } from "./Username";
 import {
   type LeaderboardData,
   type LeaderboardEntry,
@@ -105,7 +106,7 @@ export function LeaderboardTable({
                 <div className="leaderboard-player">
                   <PlayerAvatar id={entry.player_id} />
                   <span className="player-name">
-                    {entry.display_name}
+                    <Username name={entry.display_name} appearance={entry} />
                     {entry.player_id === playerId && (
                       <span className="you-label">{t("You")}</span>
                     )}
@@ -152,7 +153,9 @@ export function WinnersPodium({ leaders }: { leaders: LeaderboardEntry[] }) {
                   })}
             </span>
             <PlayerAvatar id={entry.player_id} />
-            <h2>{entry.display_name}</h2>
+            <h2>
+              <Username name={entry.display_name} appearance={entry} />
+            </h2>
             <p>
               {formatNumber(entry.best_score)} <span>/ 25,000</span>
             </p>