Add public profiles and cosmetic shop

components/Leaderboard.tsx

@@ -107,9 +107,15 @@ export function LeaderboardTable({
                   <PlayerAvatar
                     id={entry.player_id}
                     avatarPath={entry.avatar_path}
+                    effect={entry.profile_effect}
                   />
                   <span className="player-name">
-                    <Username name={entry.display_name} appearance={entry} />
+                    <Link
+                      className="profile-name-link"
+                      href={"/players/" + entry.player_id}
+                    >
+                      <Username name={entry.display_name} appearance={entry} />
+                    </Link>
                     {entry.player_id === playerId && (
                       <span className="you-label">{t("You")}</span>
                     )}
@@ -158,9 +164,15 @@ export function WinnersPodium({ leaders }: { leaders: LeaderboardEntry[] }) {
             <PlayerAvatar
               id={entry.player_id}
               avatarPath={entry.avatar_path}
+              effect={entry.profile_effect}
             />
             <h2>
-              <Username name={entry.display_name} appearance={entry} />
+              <Link
+                className="profile-name-link"
+                href={"/players/" + entry.player_id}
+              >
+                <Username name={entry.display_name} appearance={entry} />
+              </Link>
             </h2>
             <p>
               {formatNumber(entry.best_score)} <span>/ 25,000</span>