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/profile/index.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { Box } from "@mantine/core";
 import Header from "./header";
 import TeamList from "@/features/teams/components/team-list";
@@ -7,6 +7,7 @@ import { useTournament } from "../../queries";
 import MatchList from "@/features/matches/components/match-list";
 import { TournamentStats } from "../tournament-stats";
 import { useLingui } from "@lingui/react/macro";
+import { track } from "@/lib/telemetry/client";
 
 interface ProfileProps {
   id: string;
@@ -15,6 +16,14 @@ interface ProfileProps {
 const Profile = ({ id }: ProfileProps) => {
   const { t } = useLingui();
   const { data: tournament } = useTournament(id);
+  const trackedId = useRef<string | null>(null);
+
+  useEffect(() => {
+    if (!tournament || trackedId.current === tournament.id) return;
+    trackedId.current = tournament.id;
+    track("tournament_viewed", { tournament: tournament.name });
+  }, [tournament]);
+
   if (!tournament) return null;
 
   const tabs = useMemo(() => [