feat(web): page <h1> + document.title on list/form routes (#57)

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

web/src/authorities/authorities-page.tsx

@@ -6,7 +6,9 @@ import type { components } from "../api/schema";
 import { useAuthorities, useCreateAuthority } from "../api/queries";
 import { LabelEditor } from "../components/label-editor";
 import { Button } from "@/components/ui/button";
+import { PageTitle } from "@/components/ui/page-title";
 import { AuthorityRow } from "./authority-row";
+import { useDocumentTitle } from "../lib/use-document-title";
 
 type LabelInput = components["schemas"]["LabelInput"];
 
@@ -26,6 +28,8 @@ export function AuthoritiesPage() {
   const [labels, setLabels] = useState<LabelInput[]>([]);
   const [error, setError] = useState(false);
 
+  useDocumentTitle(t("nav.authorities"));
+
   if (!isValidKind) return <Navigate to="/authorities/person" replace />;
 
   const onCreate = (event: FormEvent) => {
@@ -45,6 +49,7 @@ export function AuthoritiesPage() {
 
   return (
     <div className="overflow-auto p-4">
+      <PageTitle className="mb-3">{t("nav.authorities")}</PageTitle>
       <div role="tablist" className="mb-3 flex gap-2">
         {KINDS.map((k) => (
           <NavLink