feat: replace text loading messages with PageSpinner component

Add a shared PageSpinner (spinning ring + optional label) and use it
in all pages that previously showed a plain text loading message:
home, stats, player, team, and tournament pages.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/stats/client.tsx

@@ -2,6 +2,7 @@
 import { useQuery, gql } from '@/lib/graphql/hooks'
 import Link from 'next/link'
 import { TeamFlag } from '@/components/team-flag'
+import { PageSpinner } from '@/components/page-spinner'
 import {
   ChartBarIcon, StarIcon, TrophyIcon, ClockIcon, BoltIcon,
   FireIcon, SparklesIcon, ArrowPathIcon, GlobeEuropeAfricaIcon, TableCellsIcon,
@@ -92,9 +93,7 @@ export function StatsClient() {
     <div className="max-w-[1200px] mx-auto px-7 py-10 pb-16">
       <h1 className="font-['Bebas_Neue'] text-[52px] tracking-[0.04em] text-green leading-none mb-10">Historical Statistics</h1>
 
-      {loading && !data && (
-        <div className="text-green-muted text-sm py-16 text-center">Loading statistics…</div>
-      )}
+      {loading && !data && <PageSpinner />}
 
       {/* ── Goals per tournament bar chart ── */}
       {tournaments.length > 0 && (