feat(telemetry): product interaction events

- h2h_viewed from match card, dock, profile, stats, predictions
- reaction_sent with emoji and surface; score_report_opened from all
  three report entry points
- stats_filtered and stats_sorted on stats route and profile
- rules/teams/players/bracket/tournament view events with sources
- match_history_viewed, badge_viewed, player_searched (count only)

src/features/tournaments/components/upcoming-tournament/rules-list-button.tsx

@@ -6,6 +6,7 @@ import { useTournament } from "../../queries"
 import { Button, Flex, Loader, Stack } from "@mantine/core"
 import { lazy, Suspense } from "react"
 import { NavTile } from "../started-tournament/sections/nav-grid"
+import { track } from "@/lib/telemetry/client"
 
 const RulesContent = lazy(() => import("./rules-content"));
 
@@ -20,7 +21,14 @@ const RulesListButton: React.FC<RulesListButtonProps> = ({ tournamentId }) => {
 
   return (
     <>
-      <NavTile label={t`Rules`} Icon={ListIcon} onClick={open} />
+      <NavTile
+        label={t`Rules`}
+        Icon={ListIcon}
+        onClick={() => {
+          track("rules_viewed", { source: "upcoming" });
+          open();
+        }}
+      />
 
       <Sheet title={t`Tournament Rules`} opened={isOpen} onChange={toggle}>
         <Stack gap="xs">