feat(t5): Bereiche mit eigenem Symbol und Ton, BrandMark, Verläufe raus (T5a A3)

AREAS (37 Bereiche, je Symbol genau einmal; neu compliance, medicines,
voice, hive-systems, system) als einzige Quelle für Kopfzeilen, Menü
und Schnellanlage; PageHeader, DetailHeader und EntityCard nehmen
area statt icon/gradient (Codemod über 72 Dateien). Doppelte Symbole
aufgelöst. BrandMark (Wabe) ersetzt das Verlaufs-Sechseck;
Honig-Banner auf der Startseite durch Überschrift mit Datum ersetzt;
Verläufe aus 33 Verbrauchern entfernt (Token folgen in A4).

Refs #26

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

ApiCore-Frontend/src/app/(app)/sidebar.tsx

@@ -2,7 +2,8 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { FileClock, Hexagon } from "lucide-react";
+import { FileClock } from "lucide-react";
+import { BrandMark } from "@/components/brand-mark";
 import { cn } from "@/lib/utils";
 import { NavCounter } from "@/components/suggestions/nav-counter";
 import type { AuthUser } from "@/lib/auth/auth-context";
@@ -48,16 +49,7 @@ export function Sidebar({ user }: { user: AuthUser }) {
         href="/dashboard"
         className="mb-5 flex items-center gap-2.5 px-2 font-heading text-lg font-semibold"
       >
-        <span
-          className="flex size-8 items-center justify-center rounded-xl shadow-[var(--shadow-soft)]"
-          style={{ background: "var(--gradient-honey)" }}
-        >
-          <Hexagon
-            className="size-4.5 fill-white/25 text-white"
-            strokeWidth={2.25}
-          />
-        </span>
-        ApiCore
+        <BrandMark size={32} withWordmark className="gap-2.5" />
       </Link>
       <nav className="flex flex-1 flex-col gap-5">
         {groups.map((group, index) => (