feat: migrate clients module to patients + add docs

app/epd/patients/[id]/screening/page.tsx

@@ -1,9 +1,8 @@
-/**
- * Screening Page
- * E2.S3: Placeholder for screening functionality (to be implemented in Epic 3)
- */
-
-import { ClipboardList } from 'lucide-react';
+import { getScreeningSummary } from './actions';
+import { HelpRequestCard } from './components/help-request-card';
+import { DecisionCard } from './components/decision-card';
+import { ActivityLog } from './components/activity-log';
+import { DocumentCard } from './components/document-card';
 
 export default async function ScreeningPage({
   params,
@@ -11,29 +10,51 @@ export default async function ScreeningPage({
   params: Promise<{ id: string }>;
 }) {
   const { id } = await params;
+  const summary = await getScreeningSummary(id);
+  const screening = summary.screening;
+
+  const hasReferral = summary.documents.some(
+    (doc) => doc.document_type === 'verwijsbrief'
+  );
 
   return (
-    <div className="p-6">
-      {/* Page Header */}
-      <div className="mb-6">
+    <div className="p-6 space-y-6">
+      <div>
         <h2 className="text-lg font-semibold text-slate-900">Screening</h2>
         <p className="text-sm text-slate-600 mt-1">
           Activiteitenlog, documenten, hulpvraag en screeningsbesluit
         </p>
       </div>
 
-      {/* Placeholder */}
-      <div className="bg-white rounded-lg border border-slate-200 p-12 text-center">
-        <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-amber-50 mb-4">
-          <ClipboardList className="h-8 w-8 text-amber-500" />
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+        <div className="lg:col-span-2 space-y-6">
+          <HelpRequestCard
+            patientId={id}
+            screeningId={screening.id}
+            initialValue={screening.request_for_help}
+          />
+          <DecisionCard
+            patientId={id}
+            screeningId={screening.id}
+            initialDecision={screening.decision}
+            initialDepartment={screening.decision_department}
+            initialNotes={screening.decision_notes}
+            hasReferralDocument={hasReferral}
+          />
+          <DocumentCard
+            patientId={id}
+            screeningId={screening.id}
+            documents={summary.documents}
+          />
+        </div>
+
+        <div className="lg:col-span-1">
+          <ActivityLog
+            patientId={id}
+            screeningId={screening.id}
+            activities={summary.activities}
+          />
         </div>
-        <h3 className="text-lg font-semibold text-slate-900 mb-2">
-          Screening Module - Coming Soon
-        </h3>
-        <p className="text-sm text-slate-600 max-w-md mx-auto">
-          De screening functionaliteit wordt geïmplementeerd in Epic 3. Dit omvat
-          activiteitenlog, documentbeheer, hulpvraag registratie en screeningsbesluit.
-        </p>
       </div>
     </div>
   );