fix: update document.title on every page via useEffect

All pages are 'use client' so metadata exports don't work. Each page now
sets document.title via useEffect — static pages with a fixed string,
dynamic pages keyed on data so the title reflects the loaded content.

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

app/teams/[slug]/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import { useQuery, gql } from '@/lib/graphql/hooks'
-import { use } from 'react'
+import { use, useEffect } from 'react'
 import Link from 'next/link'
 import { TeamFlag } from '@/components/team-flag'
 import { MatchCard } from '@/components/match-card'
@@ -36,6 +36,10 @@ export default function TeamPage({ params }: { params: Promise<{ slug: string }>
   const { data: teamData, loading } = useQuery(TEAM_QUERY, { variables: { slug } })
   const team: TeamData | null = teamData?.team ?? null
 
+  useEffect(() => {
+    document.title = team ? `${team.name} · World Cup` : 'Team · World Cup'
+  }, [team])
+
   // Load all scorers to filter by team
   const { data: scorerData } = useQuery(gql`
     query TeamScorers {