feat(ux): shared PageTitle/SectionTitle primitive, adopt app-wide

- new components/ui/page-title.tsx (PageHeader/PageTitle/SectionTitle)
- every page heading routed through PageTitle (one source of truth
  for the page-title style; identical render)
- members restricted-directory screen now uses the standard
  PageHeader bar instead of an off-style mono heading

app/(app)/incidents/new/page.tsx

@@ -1,6 +1,7 @@
 import { redirect } from 'next/navigation'
 import { createClient } from '@/lib/supabase/server'
 import { IncidentForm } from './incident-form'
+import { PageTitle } from '@/components/ui/page-title'
 
 export const dynamic = 'force-dynamic'
 
@@ -27,7 +28,7 @@ export default async function NewIncidentPage() {
   return (
     <div className="min-h-screen bg-background">
       <div className="bg-sidebar px-4 md:px-6 py-3">
-        <h1 className="text-white font-sans text-lg font-semibold">File a report</h1>
+        <PageTitle>File a report</PageTitle>
       </div>
       <div className="p-4 md:p-6 max-w-2xl">
         <IncidentForm members={(members ?? []) as Array<{ id: string; display_name: string | null }>} />

app/(app)/incidents/page.tsx

@@ -2,6 +2,7 @@ import Link from 'next/link'
 import { redirect } from 'next/navigation'
 import { createClient } from '@/lib/supabase/server'
 import type { Incident, IncidentStatus } from '@/lib/types'
+import { PageTitle } from '@/components/ui/page-title'
 
 export const dynamic = 'force-dynamic'
 
@@ -44,7 +45,7 @@ export default async function IncidentsPage() {
   return (
     <div className="min-h-screen bg-background">
       <div className="bg-sidebar px-4 md:px-6 py-3 flex items-center justify-between">
-        <h1 className="text-white font-sans text-lg font-semibold">Incidents</h1>
+        <PageTitle>Incidents</PageTitle>
         <Link
           href="/incidents/new"
           className="bg-primary text-white text-xs font-sans px-3 py-1.5 rounded hover:bg-primary/90 transition"