feat(frontend): PageHeader auf den restlichen Hauptseiten

Inventar, Produkte, Lager, Kalender, Suche und Audit-Log bekommen den
gleichen Gradient-Icon-Header wie die uebrigen Seiten. Lager-Seite hatte
zwei h1-artige Ueberschriften fuer zwei Abschnitte (Lagerbehaelter/
Lagerartikel) auf einer Seite; jetzt ein PageHeader fuer die Seite plus
gleich grosse Unterueberschriften fuer beide Abschnitte statt
uneinheitlicher Groessen.

ApiCore-Frontend/src/app/(app)/equipment/page.tsx

@@ -1,11 +1,13 @@
 "use client";
 
 import Link from "next/link";
+import { Wrench } from "lucide-react";
 import { useQuery } from "@tanstack/react-query";
 import { fetchEquipmentList } from "@/lib/equipment/api";
 import { statusTone } from "@/lib/status-tone";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { PageHeader } from "@/components/page-header";
 import {
   Table,
   TableBody,
@@ -23,12 +25,17 @@ export default function EquipmentPage() {
 
   return (
     <main className="flex flex-col gap-4 p-4 sm:p-6">
-      <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-semibold tracking-tight">Inventar</h1>
-        <Button nativeButton={false} render={<Link href="/equipment/new" />}>
-          + Neuer Gegenstand
-        </Button>
-      </div>
+      <PageHeader
+        icon={Wrench}
+        title="Inventar"
+        description="Ausrüstung und Zustand im Blick"
+        gradient="var(--gradient-sage)"
+        actions={
+          <Button nativeButton={false} render={<Link href="/equipment/new" />}>
+            + Neuer Gegenstand
+          </Button>
+        }
+      />
 
       {isLoading ? <p className="text-sm text-muted-foreground">Lädt…</p> : null}
       {isError ? (