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)/calendar/page.tsx

@@ -4,6 +4,7 @@ import { useMemo, useState } from "react";
 import Link from "next/link";
 import { useQuery } from "@tanstack/react-query";
 import {
+  CalendarDays,
   ChevronLeft,
   ChevronRight,
   ClipboardCheck,
@@ -18,6 +19,7 @@ import { fetchCalendarEvents } from "@/lib/calendar/api";
 import { CalendarEvent, CalendarEventType } from "@/lib/calendar/types";
 import { fetchApiaries } from "@/lib/apiaries/api";
 import { Button } from "@/components/ui/button";
+import { PageHeader } from "@/components/page-header";
 import {
   Select,
   SelectContent,
@@ -108,11 +110,13 @@ export default function CalendarPage() {
 
   return (
     <main className="flex flex-col gap-4 p-4 sm:p-6">
-      <div className="flex flex-wrap items-center justify-between gap-3">
-        <h1 className="text-2xl font-semibold tracking-tight">
-          {month.toLocaleDateString("de-DE", { month: "long", year: "numeric" })}
-        </h1>
-        <div className="flex items-center gap-2">
+      <PageHeader
+        icon={CalendarDays}
+        title={month.toLocaleDateString("de-DE", { month: "long", year: "numeric" })}
+        description="Kalender"
+        gradient="var(--gradient-sky)"
+        actions={
+          <div className="flex items-center gap-2">
           <Select
             value={apiaryId || "ALL"}
             onValueChange={(value) => setApiaryId(value === "ALL" ? "" : (value ?? ""))}
@@ -149,8 +153,9 @@ export default function CalendarPage() {
           >
             <ChevronRight className="size-4" />
           </Button>
-        </div>
-      </div>
+          </div>
+        }
+      />
 
       {isLoading ? <p className="text-sm text-muted-foreground">Lädt…</p> : null}
       {isError ? (