feat: Hero-Hintergrundvideo im Admin, ScrollReveal + Bild-Perf auf Unterseiten

Neues admin-editierbares Hintergrundvideo fuer den Startseiten-Hero
(home.hero.video, MP4/WebM) mit eigenem, magic-byte-validiertem
Upload-Endpunkt (app/api/admin/upload-video) analog zur bestehenden
Bild-Upload-Pipeline. Ausserdem: ScrollReveal-Animation von der
Startseite auf Imkerei, Herkunft, Unternehmen, Ernten, Wissen, Kontakt,
Shop sowie die Produkt-/Ernte-/Chargen-Detailseiten ausgerollt (bisher
nur Startseite), priority auf bislang lazy geladene Above-the-fold-Bilder
(Herkunft/Unternehmen) gesetzt, und passende sizes-Hints auf Grid-Bilder
(Produktkarten, Origin/Regional/Business-Teaser, Ernten-Liste) ergaenzt
statt voller Viewport-Breite.

Co-Authored-By: Claude Sonnet 5 <[email protected]>

src/app/honig/[slug]/page.tsx

@@ -3,6 +3,7 @@ import { Fragment } from "react";
 import { notFound } from "next/navigation";
 import Link from "next/link";
 import { Container, Button } from "@/components/ui";
+import { ScrollReveal } from "@/components/scroll-reveal";
 import { ProductGallery } from "@/components/product-gallery";
 import { TasteScale, AddToCartWithQuantity, ProductCard } from "@/components/product-card";
 import { RecordProductView } from "@/components/record-product-view";
@@ -324,7 +325,9 @@ export default async function ProductDetailPage(
       </Container>
 
       <Container id="bewertungen" className="mt-20 max-w-3xl">
-        <h2 className="text-2xl text-forest">{t.productPage.reviewsHeading}</h2>
+        <ScrollReveal>
+          <h2 className="text-2xl text-forest">{t.productPage.reviewsHeading}</h2>
+        </ScrollReveal>
 
         {error ? (
           <p className="mt-4 text-sm text-red-700 bg-red-50 border border-red-200 px-4 py-3">{error}</p>
@@ -404,7 +407,9 @@ export default async function ProductDetailPage(
 
       {relatedProducts.length > 0 ? (
         <Container className="mt-20">
-          <h2 className="text-2xl text-forest mb-8">{t.productPage.relatedProductsHeading}</h2>
+          <ScrollReveal>
+            <h2 className="text-2xl text-forest mb-8">{t.productPage.relatedProductsHeading}</h2>
+          </ScrollReveal>
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-14">
             {relatedProducts.map((related) => (
               <ProductCard key={related.id} product={related} />