feat: Komplett-Redesign + Ausbau zur Plattform

- Ruhiges Dark-Designsystem (Tokens, Karten, Badges/Pills, KPIs) in global.css,
  animierter PixelBlast-Hintergrund entfernt (kleineres Bundle)
- Aufgeraeumter App-Rahmen: feste Sidebar mit sichtbaren Labels, gruppierter
  Navigation, aktivem Zustand und Collapse
- Wiederverwendbare UI-Bausteine unter src/components/ui/
- Ticketliste als scanbare Karten (TicketCard) statt rowSpan-Tabelle
- Neue Bereiche: Kunden (CRM-360), Finanzen-Cockpit, Dokumente-Browser
- Dashboard als echtes Cockpit (Ticket-/Finanz-/Dokument-Kennzahlen)
- Alle Seiten auf einheitlichen PageHeader/Container/Tokens umgestellt

Co-authored-by: Cursor <cursoragent@cursor.com>

src/lib/integrationsApi.js

@@ -56,7 +56,8 @@ export const integrationsApi = {
   createClient: (payload) => call('/clients', { method: 'POST', body: payload }),
 
   // ---- InvoiceNinja: invoices ----
-  listInvoices: (clientId) => call(`/invoices${qs({ clientId })}`),
+  listInvoices: (clientId, perPage) => call(`/invoices${qs({ clientId, per_page: perPage })}`),
+  invoicesSummary: () => call('/invoices/summary'),
   createInvoice: (payload) => call('/invoices', { method: 'POST', body: payload }),
   async openInvoicePdf(id) {
     const blob = await callBlob(`/invoices/${encodeURIComponent(id)}/pdf`)
@@ -74,6 +75,9 @@ export const integrationsApi = {
   },
 }
 
+// Oeffentliche InvoiceNinja-URL (fuer Deeplinks ins Portal)
+export const INVOICE_NINJA_PUBLIC_URL = 'https://invoice.webklar.com'
+
 // InvoiceNinja status_id -> deutsche Bezeichnung + Farbe
 export const INVOICE_STATUS = {
   1: { label: 'Entwurf', color: '#a0aec0' },