feat: build dashboard lead funnel

app/dashboard/page.tsx

@@ -1,9 +1,9 @@
 import {
   dashboardKpis,
   pipelineHealth,
-  pipelineStages,
   reviewQueue,
 } from "@/lib/dashboard-model";
+import { LeadFunnelBoard } from "@/components/lead-funnel-board";
 
 export default function DashboardPage() {
   return (
@@ -15,16 +15,14 @@ export default function DashboardPage() {
               Interner Arbeitsbereich
             </p>
             <h1 className="mt-2 text-3xl font-semibold tracking-normal">
-              Pipeline-Uebersicht
+              Pipeline-Übersicht
             </h1>
             <p className="mt-2 max-w-2xl text-sm leading-6 text-muted-foreground">
               Recherche, Audit-Freigabe und Outreach bleiben eng gekoppelt:
-              wenige gute Leads, manuelle Pruefung, kein automatischer Versand.
+              wenige gute Leads, manuelle Prüfung, kein automatischer Versand.
             </p>
           </div>
-          <p className="text-sm font-medium text-muted-foreground">
-            Mock-Session aktiv
-          </p>
+          <p className="text-sm font-medium text-muted-foreground">MVP intern</p>
         </header>
 
         <section className="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
@@ -44,36 +42,13 @@ export default function DashboardPage() {
           ))}
         </section>
 
-        <section className="grid gap-3 xl:grid-cols-4">
-          {pipelineStages.map((stage) => {
-            const Icon = stage.icon;
-
-            return (
-              <article
-                className="rounded-lg border bg-card p-4 text-card-foreground"
-                key={stage.title}
-              >
-                <div className="flex items-center justify-between gap-4">
-                  <Icon className="size-5 text-muted-foreground" />
-                  <span className="text-2xl font-semibold">{stage.count}</span>
-                </div>
-                <h2 className="mt-4 text-sm font-medium">{stage.title}</h2>
-                <p className="mt-2 text-sm leading-6 text-muted-foreground">
-                  {stage.description}
-                </p>
-                <p className="mt-4 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground">
-                  {stage.meta}
-                </p>
-              </article>
-            );
-          })}
-        </section>
+        <LeadFunnelBoard />
 
         <section className="grid gap-3 lg:grid-cols-[1.45fr_0.55fr]">
           <div className="rounded-lg border bg-card text-card-foreground">
             <div className="border-b p-4">
               <h2 className="text-base font-semibold tracking-normal">
-                Naechste Review-Schritte
+                Nächste Review-Schritte
               </h2>
               <p className="mt-1 text-sm leading-6 text-muted-foreground">
                 Alles bleibt an manuelle Freigabe gekoppelt.