feat(web): CI screenshot capture for the mgmt console

Marketing/store screenshots of the console, captured from the built Storybook
with headless Chromium (web/tools/screenshots.mjs) — every Pages/* + Shell/*
story rendered at 1440x900@2x. The page stories render from fixtures, so no live
mgmt API, login, or GPU is needed (the web analogue of apple.yml's screenshots
job). Gated to stable release tags in a standalone best-effort workflow; PNGs
upload as a 30-day artifact, not committed.

- Add Stats + Pairing stories (the two pages that lacked them) with stats/pairing
  fixtures typed against the generated models.
- Extract a pure PairingView (index.tsx -> view.tsx), matching the
  Dashboard/Clients/Stats split, so the page renders host-free from mock state
  instead of racing its polling queries. Container wiring is behaviour-identical.
- Playwright driver + a chromium-capable tag-gated job.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/src/stories/Stats.stories.tsx

@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { StatsView } from "@/sections/Stats/view";
+import { captureDetail, captureMetas, statsStatusIdle } from "./lib/fixtures";
+
+const noop = () => {};
+const idle = { isLoading: false, error: null, refetch: noop };
+
+const meta = {
+	title: "Pages/Stats",
+	component: StatsView,
+	parameters: { layout: "padded" },
+	args: {
+		onStart: noop,
+		onStop: noop,
+		onSelect: noop,
+		onDownload: noop,
+		onDelete: noop,
+		isStarting: false,
+		isStopping: false,
+		isDeleting: false,
+	},
+} satisfies Meta<typeof StatsView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// A finished run open in the detail view: recordings table populated and the full
+// graph set (latency stack · throughput · loss/FEC) rendered from a deterministic
+// fixture series — no live host or capture needed.
+export const Recording: Story = {
+	args: {
+		status: { data: statsStatusIdle, ...idle },
+		live: { data: undefined, ...idle },
+		recordings: { data: captureMetas, ...idle },
+		detail: { data: captureDetail, ...idle },
+		selectedId: captureMetas[0]?.id ?? null,
+	},
+};
+
+export const Empty: Story = {
+	args: {
+		status: { data: statsStatusIdle, ...idle },
+		live: { data: undefined, ...idle },
+		recordings: { data: [], ...idle },
+		detail: { data: undefined, ...idle },
+		selectedId: null,
+	},
+};