feat(ui): klickbarer Prototyp mit Beispieldaten (#002)

Layout im AdminLTE-Stil (Sidebar, Kopfleiste, Inhaltskopf, Footer), Logo als
SVG-Komponente, Farbschema mit Dark-Mode, Dashboard, Kunden- und Host-Ansichten,
Rechnungsuebersicht, Jahresbahn und globale Suche (Strg+K).

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

src/app/(dashboard)/einstellungen/system/page.tsx

@@ -0,0 +1,27 @@
+import { ContentHeader } from "@/components/layout/ContentHeader";
+import { Card } from "@/components/ui/Card";
+import { APP_VERSION } from "@/lib/version";
+
+export const metadata = { title: "System" };
+
+export default function SystemSeite() {
+  return (
+    <>
+      <ContentHeader titel="System" brotkrumen={[{ titel: "Einstellungen" }, { titel: "System" }]} />
+      <div className="app-content">
+        <div className="container-fluid">
+          <Card titel="Systeminformationen" rahmen="primary">
+            <dl className="row mb-0">
+              <dt className="col-4 fw-normal text-body-secondary">Version</dt>
+              <dd className="col-8">{APP_VERSION}</dd>
+              <dt className="col-4 fw-normal text-body-secondary">Datenquelle</dt>
+              <dd className="col-8">Beispieldaten (Prototyp, #002)</dd>
+              <dt className="col-4 fw-normal text-body-secondary">Warnregeln</dt>
+              <dd className="col-8">Konfigurierbar ab #011</dd>
+            </dl>
+          </Card>
+        </div>
+      </div>
+    </>
+  );
+}