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/components/Sidebar.tsx

@@ -62,6 +62,9 @@ const CONTACTS_GROUP: MenuGroup = {
   ],
 };
 
+const DASHBOARD_ICON =
+  'M4 5a1 1 0 011-1h4a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1V5zm10 0a1 1 0 011-1h4a1 1 0 011 1v3a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 16a1 1 0 011-1h4a1 1 0 011 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-3zm10-4a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1v-7z';
+
 const ACQUISITION_ICON =
   'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01';
 const ARCHIVE_ICON =
@@ -146,6 +149,7 @@ const SCANNER_GROUP: MenuGroup = {
 // Kategorien in Anzeigereihenfolge, einzelne Punkte und Gruppen gemischt.
 // Einstellungen bleibt separat am unteren Rand.
 const CATEGORY_ENTRIES: (MenuItem | MenuGroup)[] = [
+  { name: 'Dashboard', icon: DASHBOARD_ICON },
   ACQUISITION_GROUP,
   OPPORTUNITIES_GROUP,
   {
@@ -351,8 +355,14 @@ export const Sidebar: React.FC<SidebarProps> = ({
         }`}
       >
         {/* Logo */}
-        <div
-          className={`flex shrink-0 items-center border-b border-ink-100 ${
+        <button
+          onClick={() => {
+            onViewChange('Dashboard');
+            if (isMobile) onToggle();
+          }}
+          title="Zum Dashboard"
+          aria-label="Zum Dashboard"
+          className={`flex shrink-0 items-center border-b border-ink-100 transition hover:bg-ink-50 ${
             showLabels ? 'px-5 py-5' : 'justify-center px-0 py-5'
           }`}
         >
@@ -363,7 +373,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
               p
             </div>
           )}
-        </div>
+        </button>
 
         {/* Kategorien */}
         <nav className="scrollbar-slim flex-1 space-y-1 overflow-y-auto overflow-x-hidden px-3 py-4">