fix: prefix all client-side fetch calls with /ims basePath

Client components were calling fetch('/api/...') without the /ims prefix,
causing 404s in production where Next.js serves under basePath: '/ims'.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FFDuBhMKvoWjrWT3ZnGmmr

components/capa/capa-form.tsx

@@ -39,7 +39,7 @@ export function CapaForm({ incidentId, users }: Props) {
     }
     setSaving(true)
     setError(null)
-    const res = await fetch('/api/capa', {
+    const res = await fetch('/ims/api/capa', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({

components/incidents/report-form.tsx

@@ -98,7 +98,7 @@ export function ReportForm({ zoneToken }: Props) {
 
     if (!overrideQuality) {
       try {
-        const qcRes = await fetch('/api/incidents/ai/quality-check', {
+        const qcRes = await fetch('/ims/api/incidents/ai/quality-check', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({
@@ -136,7 +136,7 @@ export function ReportForm({ zoneToken }: Props) {
       }
       files.forEach(f => fd.append('files', f))
 
-      const res = await fetch('/api/incidents', { method: 'POST', body: fd })
+      const res = await fetch('/ims/api/incidents', { method: 'POST', body: fd })
       const data = await res.json()
 
       if (!res.ok) {

components/settings/api-key-form.tsx

@@ -25,7 +25,7 @@ export function ApiKeyForm({ settings }: Props) {
     setSaving(s => ({ ...s, [key]: true }))
     setResults(r => ({ ...r, [key]: undefined as never }))
     try {
-      const res = await fetch('/api/settings', {
+      const res = await fetch('/ims/api/settings', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ key, value: values[key] }),