feat: replace emoji icons with Heroicons SVG set

Install @heroicons/react and replace all emoji usage across stats, history,
search, and team pages with proper SVG icons (outline style, w-3 to w-4).
SectionTitle in stats page refactored to accept an icon component prop.

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

app/teams/[slug]/page.tsx

@@ -3,6 +3,7 @@ import { useQuery, gql } from '@/lib/graphql/hooks'
 import { use, useEffect } from 'react'
 import Link from 'next/link'
 import { TeamFlag } from '@/components/team-flag'
+import { TrophyIcon } from '@heroicons/react/24/outline'
 
 const TEAM_QUERY = gql`
   query Team($slug: String!) {
@@ -103,8 +104,9 @@ export default function TeamPage({ params }: { params: Promise<{ slug: string }>
               {team.confederation && <span className="text-[11px] text-[#2a5c35]">{team.confederation}</span>}
               {team.continent && <span className="text-[11px] text-[#2a5c35]">{team.continent}</span>}
               {(s?.titles ?? 0) > 0 && (
-                <span className="text-[11px] text-[#22c55e] font-bold">
-                  {Array.from({ length: s?.titles ?? 0 }).map(() => '🏆').join('')} {s?.titles} title{(s?.titles ?? 0) !== 1 ? 's' : ''}
+                <span className="inline-flex items-center gap-1 text-[11px] text-[#22c55e] font-bold">
+                  {Array.from({ length: s?.titles ?? 0 }).map((_, i) => <TrophyIcon key={i} className="w-3.5 h-3.5" />)}
+                  {s?.titles} title{(s?.titles ?? 0) !== 1 ? 's' : ''}
                 </span>
               )}
             </div>