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/Pairing.stories.tsx

@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { PairingView } from "@/sections/Pairing/view";
+import {
+	nativeClients,
+	nativePairArmed,
+	pairingIdle,
+	pendingDevices,
+} from "./lib/fixtures";
+
+const noop = () => {};
+const idle = { isLoading: false, error: null, refetch: noop };
+
+const meta = {
+	title: "Pages/Pairing",
+	component: PairingView,
+	parameters: { layout: "padded" },
+	args: {
+		onApprove: noop,
+		onDeny: noop,
+		pendingBusy: false,
+		onArm: noop,
+		onDisarm: noop,
+		isArming: false,
+		isDisarming: false,
+		onUnpair: noop,
+		isUnpairing: false,
+		pin: "",
+		onPinChange: noop,
+		onSubmitPin: noop,
+		isSubmittingPin: false,
+		pinSuccess: false,
+		pinError: false,
+	},
+} satisfies Meta<typeof PairingView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// The marketing state: a PIN armed for a phone, one device knocking for delegated
+// approval, two already-paired native clients.
+export const Armed: Story = {
+	args: {
+		pending: { data: pendingDevices, ...idle },
+		native: { data: nativePairArmed, ...idle },
+		clients: { data: nativeClients, ...idle },
+		moonlight: { data: pairingIdle, ...idle },
+	},
+};