feat(avatars): show the uploaded profile photo everywhere

Previously the uploaded profile photo only appeared in a few places (profile,
top bar, leaderboard, public profile); chat, friends, game table, match intro,
post-match roster and private rooms showed the emoji avatar only.

- carry avatarImage end-to-end:
  - server DTOs: FriendDto, SeatPlayerDto, RoomPlayerDto, MatchmakeRequest +
    Player/SeatSlot/PSeat; ResolveProfile now returns avatarImage; FriendDtoFor
    fills it from the profile.
  - client types: Friend, RoomSeat.player, MatchmakingState.players,
    ServerSeatPlayer, SeatPlayer (adds avatarId + avatarImage).
  - signalr-service: send my avatarImage on StartMatchmaking/CreatePrivateRoom;
    carry it through mapRoom.
  - game-store: applyServerState + newOnlineMatch + offline match now populate
    avatarId/avatarImage (seat 0 uses your own profile photo).
- render every avatar through the shared <Avatar> component (image → emoji
  fallback): ChatScreen, FriendsScreen (requests/friends/chats), GameTable
  seats, MatchIntroOverlay, MatchPlayersList, RoomScreen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/components/GameTable.tsx

@@ -5,6 +5,7 @@ import { Crown, Flag, LogOut, SmilePlus, Volume2, VolumeX, Zap } from "lucide-re
 import { useEffect, useMemo, useState } from "react";
 import { useGameStore } from "@/lib/game-store";
 import { useSoundStore } from "@/lib/sound-store";
+import { Avatar } from "@/components/online/Avatar";
 import { legalMoves } from "@/lib/hokm/engine";
 import { sortHand } from "@/lib/hokm/deck";
 import {
@@ -341,7 +342,11 @@ function SeatAvatar({ seat, className }: { seat: Seat; className?: string }) {
         )}
         style={!active ? { boxShadow: "0 0 0 1px rgba(212,175,55,0.2)" } : undefined}
       >
-        {sp?.avatar ?? name.charAt(0)}
+        {sp?.avatarId || sp?.avatarImage ? (
+          <Avatar id={sp.avatarId ?? "a-fox"} image={sp.avatarImage} size={44} />
+        ) : (
+          sp?.avatar ?? name.charAt(0)
+        )}
         {isHakem && (
           <Crown className="absolute -top-4 size-5 text-gold-400 fill-gold-500 drop-shadow" />
         )}