feat(dashboard): Startansicht mit Bewerbungen, Wandlung und Gewinnen

Erster Menuepunkt und Startansicht; das Logo oben links fuehrt dorthin zurueck.

Vier Kennzahlen (Bewerbungen, daraus Opportunities samt Quote, gewonnene
Projekte, aktuell beim Kunden), ein Saeulendiagramm mit denselben drei Reihen
ueber der Zeit, die Bewerbungen je Berater, die naechsten Termine und alle
Opportunities in Kundenvorstellung bzw. Interview Kunde. Zeitraum ueber vier
Vorgaben oder frei, Einteilung nach Tag, Monat, Quartal oder Jahr.

Bewerbung heisst dabei: ein Eintrag in der Akquise - jeder Eintrag bedeutet, dass
ein Profil raus ist (so vom Nutzer festgelegt).

Zwei Dinge dafuer am Datenmodell:

- crm_opportunities.won_at haelt den Zeitpunkt des Wechsels nach "Beauftragt".
  Die Phase allein sagt nur, wie es jetzt steht, nicht wann es passiert ist.
  Beim Wechsel heraus wird das Datum geleert, sonst zaehlt das Dashboard einen
  Gewinn, den es nicht gibt.
- Die Akquise loescht nach 90 Tagen - damit waere jede Jahresauswertung falsch.
  Der Aufraeumlauf sichert deshalb vorher Tag, Berater und Anzahl in
  crm_acquisition_history, in derselben Transaktion wie das Loeschen. Gesichert
  wird nur, was verschwindet; die Auswertung addiert beide Quellen und kann sich
  damit nicht ueberschneiden. Projektdaten sind nach dem Loeschen weiterhin weg.

Termine und die Phasenlisten kommen nicht aus einem eigenen Endpunkt: Termine und
Opportunities laedt die App ohnehin komplett, das Dashboard filtert sie selbst.

Diagramme von Hand (SVG-freie Balken plus Tailwind-Uebergaenge) statt einer
Bibliothek - drei Darstellungen rechtfertigen keine weitere Abhaengigkeit, und so
kommen die Farben aus denselben Tokens wie der Rest. Die Zahlen laufen hoch, die
Saeulen wachsen; wer Bewegung im System abgeschaltet hat, bekommt sofort den
Endwert.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/App.tsx

@@ -4,6 +4,7 @@ import { Header } from './components/Header';
 import { LoginScreen } from './components/LoginScreen';
 import { Leads } from './components/leads/Leads';
 import { MailPoolLeads } from './components/leads/MailPoolLeads';
+import { Dashboard } from './components/dashboard/Dashboard';
 import { Acquisitions } from './components/acquisition/Acquisitions';
 import { Opportunities } from './components/opportunities/Opportunities';
 import { OpportunityTrash } from './components/opportunities/OpportunityTrash';
@@ -50,7 +51,7 @@ const Splash: React.FC = () => (
 );
 
 /** Erster Reiter im Menue - hier startet die App. */
-const DEFAULT_VIEW: ViewState = 'Opportunities';
+const DEFAULT_VIEW: ViewState = 'Dashboard';
 
 const App: React.FC = () => {
   const { user, isLoading } = useAuth();
@@ -160,6 +161,7 @@ const App: React.FC = () => {
   // Untertitel der Kopfzeile. Die Scanner-Reiter bringen ihre Kennzahlen selbst
   // mit, deshalb steht hier nur, worum es auf der Seite geht.
   const STATIC_SUBTITLES: Partial<Record<ViewState, string>> = {
+    Dashboard: 'Wie der Vertrieb läuft - Bewerbungen, Opportunities, gewonnene Projekte',
     Akquise: 'Gefundene Projekte - eintragen, prüfen, zur Opportunity machen',
     'Opportunity-Papierkorb': 'Gelöschte Opportunities - nach 90 Tagen endgültig entfernt',
     Archiv: 'Akquise-Einträge älter als 14 Tage - nach 90 Tagen werden sie gelöscht',
@@ -216,6 +218,9 @@ const App: React.FC = () => {
         />
 
         <div className="scrollbar-slim flex-1 overflow-y-auto p-4 md:p-6">
+          {currentView === 'Dashboard' && (
+            <Dashboard opportunities={opportunities} events={events} isLoading={isDataLoading} />
+          )}
           {currentView === 'Akquise' && <Acquisitions reload={() => loadData(true)} />}
           {currentView === 'Archiv' && (
             <Acquisitions view="archiv" reload={() => loadData(true)} />