feat: Wabenhain Honig-Shop Anwendung

Vollstaendige Next.js/Prisma-E-Commerce-Anwendung fuer eine Imkerei:
Shop, Warenkorb, Stripe-Checkout, Kundenkonto mit 2FA, Admin-Bereich
(Produkte, Ernten, Chargen, Bestellungen, Gutscheine, admin-editierbare
Website-Inhalte), i18n (DE/EN), Rate-Limiting/CSP/Audit-Log-Haertung,
PostgreSQL- und MySQL-Unterstuetzung ueber austauschbare Prisma-
Treiber-Adapter, Unit-/Komponenten-/E2E-Tests.

src/app/checkout/success/layout.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+import { getLocale } from "@/i18n/locale";
+import { getDictionary } from "@/i18n/get-dictionary";
+
+export async function generateMetadata(): Promise<Metadata> {
+  const t = getDictionary(await getLocale());
+  return { title: t.checkoutSuccessPage.successEyebrow };
+}
+
+export default function CheckoutSuccessLayout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/checkout/success/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { useEffect } from "react";
+import { use } from "react";
+import { Container, SectionHeading, LinkButton } from "@/components/ui";
+import { useCartStore } from "@/store/cart-store";
+import { useI18n } from "@/i18n/i18n-provider";
+
+export default function CheckoutSuccessPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ order?: string; pending?: string }>;
+}) {
+  const { t } = useI18n();
+  const { order, pending } = use(searchParams);
+  const clear = useCartStore((s) => s.clear);
+
+  useEffect(() => {
+    clear();
+    // Warenkorb wird nur einmal nach erfolgreichem Checkout geleert.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className="py-24">
+      <Container className="max-w-xl text-center">
+        <SectionHeading
+          eyebrow={pending ? t.checkoutSuccessPage.pendingEyebrow : t.checkoutSuccessPage.successEyebrow}
+          title={pending ? t.checkoutSuccessPage.pendingTitle : t.checkoutSuccessPage.successTitle}
+          align="center"
+          className="mx-auto"
+        />
+        {order ? (
+          <p className="mt-4 text-ink/70">
+            {t.checkoutSuccessPage.orderNumberLabel}: <span className="text-forest">{order}</span>
+          </p>
+        ) : null}
+        <p className="mt-6 text-ink/70">
+          {pending ? t.checkoutSuccessPage.pendingText : t.checkoutSuccessPage.successText}
+        </p>
+        <div className="mt-10 flex items-center justify-center gap-4">
+          <LinkButton href="/shop">{t.checkoutSuccessPage.continueShopping}</LinkButton>
+          {order ? (
+            <LinkButton href={`/bestellung-verfolgen?order=${encodeURIComponent(order)}`} variant="secondary">
+              {t.checkoutSuccessPage.trackOrder}
+            </LinkButton>
+          ) : null}
+        </div>
+      </Container>
+    </div>
+  );
+}