Match intro "players joining" loading screen + i18n fix; checkpoint

- MatchIntroOverlay: UNO-style pre-game reveal — the 4 seats animate into the
  table (with "?" placeholders until each player's data streams in for live
  matches), a 3-2-1-GO countdown, then the table shows. Wired via game-store
  matchIntroPending/consumeIntro, rendered online-only in GameScreen.
- Fix: intro.found / intro.getReady / intro.go existed only in the Persian dict;
  added the English strings (would have shown raw keys to EN users).
- Checkpoint of the in-progress UI/social batch (CoinsPill, shop titles section,
  friend-request rate limit, etc.) — all green.

Verified: tsc + next build + scripts/sim.ts + dotnet build server/Hokm.slnx all pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/screens/ShopScreen.tsx

@@ -5,6 +5,7 @@ import { Check, Coins, Sparkles, X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { ScreenHeader, ScreenShell } from "@/components/online/ScreenHeader";
 import { Sticker } from "@/components/online/Sticker";
+import { CoinsPill } from "@/components/online/CoinsPill";
 import { useSessionStore } from "@/lib/session-store";
 import { useI18n } from "@/lib/i18n";
 import { getService } from "@/lib/online/service";
@@ -146,15 +147,7 @@ export function ShopScreen() {
 
   return (
     <ScreenShell>
-      <ScreenHeader
-        title={t("shop.title")}
-        right={
-          <span className="glass rounded-full px-3 py-1.5 text-xs font-bold text-gold-300 flex items-center gap-1">
-            <Coins className="size-3.5 text-gold-400" />
-            {profile.coins.toLocaleString()}
-          </span>
-        }
-      />
+      <ScreenHeader title={t("shop.title")} right={<CoinsPill />} />
 
       {msg && (
         <div className="mb-3 text-center text-rose-300 text-sm glass rounded-xl py-2">{msg}</div>