feat: Phase 5 & 6 — usability, compliance hardening, analytics

Phase 5 (usability + compliance):
- In-app notification bell/badge: migration 016 adds read state + per-user
  RLS + create_in_app_notification SECURITY DEFINER RPC; /api/notifications;
  wired into incident creation, CAPA assign/verify, escalation cron
- Incident closure: new POST /api/incidents/[id]/close (requires verification
  status + all CAPAs verified); migration 017 locks closed incidents at DB
  level (update/delete triggers) with append-only incident_addenda + UI panel
- Server-side pagination on HSE/supervisor incident inboxes (.range, 25/page)
- Investigation form: alcohol/urine test result + witness statement refs
  (existing schema columns, now editable)
- Type-specific intake fields: migration 018 adds incidents.type_details
  JSONB; whitelist validation; environmental/asset/security/fire field
  groups in report form; EN/MS/ZH labels; offline queue support
- JKKP 8 annual register CSV export (/api/reports/jkkp8) + dashboard button
  + January statutory deadline banner
- Admin page: user invite (service-role client), role/site/active management,
  site + zone CRUD with QR report links — replaces Phase 0 stub
- Evidence gallery thumbnails via Supabase render transform with fallback

Phase 6 (analytics):
- 12-month stacked trend chart (leading/lagging/other) + top root causes
  (lib/dashboard/trends.ts pure helpers)
- AI rising-risk zones: /api/dashboard/ai/risk-flags aggregates 90-day
  zone stats, claude-opus-4-8 forced tool_use, panel on HSE + management
  dashboards, suggestion audit-logged

Also fixes 9 pre-existing missing /ims basePath prefixes in client fetches
and download links.

132 tests passing, tsc clean, next build clean.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CPf5Rc8QPx6V8KLEEgfKEQ

app/(protected)/hse/incidents/[id]/page.tsx

@@ -5,6 +5,7 @@ import Link from 'next/link'
 import { createClient } from '@/lib/supabase/server'
 import { IncidentDetail, type Incident } from '@/components/incidents/incident-detail'
 import { SimilarIncidentsPanel } from '@/components/incidents/similar-incidents-panel'
+import { ClosurePanel } from '@/components/incidents/closure-panel'
 
 interface Props {
   params: Promise<{ id: string }>
@@ -18,7 +19,7 @@ export default async function HseIncidentDetailPage({ params }: Props) {
     .from('incidents')
     .select(`
       id, reference_no, incident_type, description, severity, status,
-      injury_involved, asset_involved, medical_status, lost_days,
+      injury_involved, asset_involved, medical_status, lost_days, type_details,
       is_fatality, is_serious_bodily_injury, is_dangerous_occurrence, is_occupational_disease,
       reported_at, closed_at,
       sites (id, name),
@@ -80,14 +81,14 @@ export default async function HseIncidentDetailPage({ params }: Props) {
       ) && (
         <div className="mt-4 flex gap-3">
           <a
-            href={`/api/incidents/${id}/jkkp-pdf?form=jkkp6`}
+            href={`/ims/api/incidents/${id}/jkkp-pdf?form=jkkp6`}
             target="_blank"
             className="inline-block bg-gray-800 text-white rounded-lg px-4 py-2 text-sm font-semibold hover:bg-gray-900"
           >
             Download JKKP 6 (PDF)
           </a>
           <a
-            href={`/api/incidents/${id}/jkkp-pdf?form=jkkp7`}
+            href={`/ims/api/incidents/${id}/jkkp-pdf?form=jkkp7`}
             target="_blank"
             className="inline-block bg-gray-600 text-white rounded-lg px-4 py-2 text-sm font-semibold hover:bg-gray-700"
           >
@@ -95,6 +96,7 @@ export default async function HseIncidentDetailPage({ params }: Props) {
           </a>
         </div>
       )}
+      <ClosurePanel incidentId={id} status={status} canClose canAddAddenda />
       <SimilarIncidentsPanel incidentId={id} />
     </main>
   )