feat(web): consolidate paired devices, self-contained sections, docs + lint

Web console
- Pairing/Library/Stats refactored into self-contained subsections that each own
  their own queries + mutations; a shared slot-based layout (view.tsx) is filled by
  the live page (containers) and Storybook (pure cards + fixtures) so the layout can't
  drift.
- All paired devices in one list on Pairing with a protocol column (punktfunk/1 +
  Moonlight), routing each unpair to the right endpoint; the redundant Clients page is
  removed.
- Library: overview grid split from the add/edit form into separate files.
- Login screen links out to the docs.

Docs
- "Console login password" section on every host page (apt/RPM/Bazzite/SteamOS/Windows)
  plus a new "Forgot your Password?" troubleshooting page, linked from the login screen.
- Console served as HTTP/1.1 over TLS (drop the unusable HTTP/3 advertising) across the
  Bun entry, launchers, systemd units, and packaging.

Tooling
- Biome now respects .gitignore (stops linting generated code), config migrated to
  2.5.1; all lint issues fixed cleanly.

Also includes this branch's in-progress host, Apple client, packaging, and CI changes.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/sections/Settings/index.tsx

@@ -1,6 +1,6 @@
+import Section from "@unom/ui/section";
 import { LogOut } from "lucide-react";
 import type { FC } from "react";
-import { Section } from "@/components/section";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { changeLocale, type Locale, locales, useLocale } from "@/lib/i18n";
@@ -17,39 +17,41 @@ export const SectionSettings: FC = () => {
 	};
 
 	return (
-		<Section>
-			<h1 className="text-2xl font-semibold">{m.settings_title()}</h1>
+		<Section maxWidth={false}>
+			<div className="flex flex-col gap-card">
+				<h1 className="text-2xl font-semibold">{m.settings_title()}</h1>
 
-			<Card className="max-w-lg">
-				<CardHeader>
-					<CardTitle>{m.settings_language()}</CardTitle>
-				</CardHeader>
-				<CardContent className="flex gap-2">
-					{locales.map((l: Locale) => (
-						<Button
-							key={l}
-							variant={l === current ? "default" : "outline"}
-							size="sm"
-							className="uppercase"
-							onClick={() => changeLocale(l)}
-						>
-							{l}
+				<Card className="max-w-lg">
+					<CardHeader>
+						<CardTitle>{m.settings_language()}</CardTitle>
+					</CardHeader>
+					<CardContent className="flex gap-2">
+						{locales.map((l: Locale) => (
+							<Button
+								key={l}
+								variant={l === current ? "default" : "outline"}
+								size="sm"
+								className="uppercase"
+								onClick={() => changeLocale(l)}
+							>
+								{l}
+							</Button>
+						))}
+					</CardContent>
+				</Card>
+
+				<Card className="max-w-lg">
+					<CardHeader>
+						<CardTitle>{m.nav_settings()}</CardTitle>
+					</CardHeader>
+					<CardContent>
+						<Button variant="outline" onClick={onLogout}>
+							<LogOut className="size-4" />
+							{m.action_logout()}
 						</Button>
-					))}
-				</CardContent>
-			</Card>
-
-			<Card className="max-w-lg">
-				<CardHeader>
-					<CardTitle>{m.nav_settings()}</CardTitle>
-				</CardHeader>
-				<CardContent>
-					<Button variant="outline" onClick={onLogout}>
-						<LogOut className="size-4" />
-						{m.action_logout()}
-					</Button>
-				</CardContent>
-			</Card>
+					</CardContent>
+				</Card>
+			</div>
 		</Section>
 	);
 };