feat: rapportage API, speech recorder refactor, docs reorganisatie

Multiple features and improvements:

Reports/Rapportage API:
- Created REST API endpoints: /api/reports (GET/POST), /api/reports/[id] (GET/PATCH/DELETE)
- Added /api/reports/classify endpoint for AI classification
- Supabase migrations: reports table + RLS policies
- Server utilities: api-client.ts for DRY fetch logic
- Type definitions: lib/types/report.ts with Zod schemas
- Removed old rapportage-modal component (replaced by split-view)

Speech Recorder Refactor:
- Moved speech-recorder from intake-specific to shared components/
- Updated treatment-advice-form to use new location
- Updated intake actions for speech functionality

UI Components (shadcn):
- Added dialog, dropdown-menu, toast, toaster components
- Added use-toast hook for toast notifications

Documentation:
- Reorganized docs/release/ → docs/reports/ for better structure
- Archived old specs to docs/specs/archive/
- Added screening-system.mdx documentation
- Added rapportage-split-view-design.md
- Added UI screenshots for troubleshooting

Dependencies:
- Updated package.json and pnpm-lock.yaml
- Regenerated database.types.ts from Supabase

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/speech-recorder.tsx

@@ -1,130 +0,0 @@
-'use client';
-
-import { useEffect, useRef, useState, useCallback } from 'react';
-import { Loader2, Mic, Square } from 'lucide-react';
-
-interface SpeechRecorderProps {
-  onTranscript: (text: string) => void;
-}
-
-export function SpeechRecorder({ onTranscript }: SpeechRecorderProps) {
-  const mediaRecorderRef = useRef<MediaRecorder | null>(null);
-  const chunksRef = useRef<Blob[]>([]);
-  const [isRecording, setIsRecording] = useState(false);
-  const [isUploading, setIsUploading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [permissionDenied, setPermissionDenied] = useState(false);
-
-  useEffect(() => {
-    return () => {
-      mediaRecorderRef.current?.stream.getTracks().forEach((track) => track.stop());
-    };
-  }, []);
-
-  const stopStream = () => {
-    mediaRecorderRef.current?.stream.getTracks().forEach((track) => track.stop());
-    mediaRecorderRef.current = null;
-  };
-
-  const handleStop = useCallback(async () => {
-    setIsRecording(false);
-    const chunks = chunksRef.current;
-    chunksRef.current = [];
-    stopStream();
-
-    if (chunks.length === 0) return;
-
-    const blob = new Blob(chunks, { type: 'audio/webm' });
-    const formData = new FormData();
-    formData.append('file', blob, 'recording.webm');
-
-    try {
-      setIsUploading(true);
-      setError(null);
-      const response = await fetch('/api/deepgram/transcribe', {
-        method: 'POST',
-        body: formData,
-      });
-
-      if (!response.ok) {
-        const data = await response.json().catch(() => ({}));
-        throw new Error(data.error || 'Transcriptie mislukt');
-      }
-
-      const data = await response.json();
-      if (data.transcript) {
-        onTranscript(data.transcript as string);
-      }
-    } catch (err) {
-      console.error(err);
-      setError(err instanceof Error ? err.message : 'Onbekende fout');
-    } finally {
-      setIsUploading(false);
-    }
-  }, [onTranscript]);
-
-  const startRecording = async () => {
-    try {
-      setError(null);
-      setPermissionDenied(false);
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      const mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/webm' });
-      mediaRecorderRef.current = mediaRecorder;
-      chunksRef.current = [];
-
-      mediaRecorder.ondataavailable = (event) => {
-        if (event.data.size > 0) {
-          chunksRef.current.push(event.data);
-        }
-      };
-
-      mediaRecorder.onstop = handleStop;
-      mediaRecorder.start();
-      setIsRecording(true);
-    } catch (err) {
-      console.error(err);
-      setPermissionDenied(true);
-      setError('Toegang tot microfoon geweigerd of niet beschikbaar.');
-    }
-  };
-
-  const stopRecording = () => {
-    if (mediaRecorderRef.current && mediaRecorderRef.current.state !== 'inactive') {
-      mediaRecorderRef.current.stop();
-    }
-  };
-
-  const isBusy = isRecording || isUploading;
-
-  return (
-    <div className="rounded-lg border border-slate-200 p-4 bg-white space-y-2">
-      <div className="flex items-center justify-between">
-        <div>
-          <p className="text-sm font-semibold text-slate-900">Spraak-naar-tekst</p>
-          <p className="text-xs text-slate-500">
-            {isRecording ? 'Opname loopt…' : 'Neem een fragment op en laat Deepgram transcriberen.'}
-          </p>
-        </div>
-        <button
-          type="button"
-          onClick={isRecording ? stopRecording : startRecording}
-          disabled={isUploading}
-          className="inline-flex items-center gap-2 rounded-md border border-slate-300 px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50 disabled:opacity-60"
-        >
-          {isRecording ? <><Square className="h-3 w-3 text-red-600" /> Stop</> : <><Mic className="h-3 w-3 text-teal-600" /> Opnemen</>}
-        </button>
-      </div>
-      {isUploading && (
-        <p className="text-xs text-slate-500 inline-flex items-center gap-1">
-          <Loader2 className="h-3 w-3 animate-spin" /> Transcriptie bezig…
-        </p>
-      )}
-      {permissionDenied && (
-        <p className="text-xs text-red-600">Microfoontoegang nodig om op te nemen.</p>
-      )}
-      {error && !permissionDenied && (
-        <p className="text-xs text-red-600">{error}</p>
-      )}
-    </div>
-  );
-}

app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/treatment-advice-form.tsx

@@ -5,7 +5,7 @@ import { saveTreatmentAdvice } from '../../actions';
 import { Loader2, Calendar, UserCircle, ClipboardList, Share2, CheckCircle2 } from 'lucide-react';
 import Link from 'next/link';
 import { RichTextEditor } from '@/components/rich-text-editor';
-import { SpeechRecorder } from './speech-recorder';
+import { SpeechRecorder } from '@/components/speech-recorder';
 
 interface AdviceData {
   advice?: string;