PDP breadcrumbs: read the real product name instead of hardcoded copy

der-eine's breadcrumb hardcoded "Der Eine" — missing the trailing period
its own headline/pricing card already style in brand color. Switched all
three PDP breadcrumbs to the actual product.name via ProductName so they
can't drift from the real title again.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01J1Hu5bZ1kZUgKhab6yNwCt

app/todo-cards/components/TodoKartenHero.tsx

@@ -3,6 +3,7 @@ import Image from "next/image";
 import { AddToCartButton } from "../../components/AddToCartButton";
 import { ProductGallery } from "../../components/ProductGallery";
 import { Reveal } from "../../components/Reveal";
+import { ProductName } from "../../components/ProductName";
 import { getProductBySlug, getShippingSettings, getDefaultTaxRatePercent, getKleinunternehmer } from "../../lib/payload";
 import { formatPrice, discountPercent } from "../../lib/format";
 import { effectiveTaxRate } from "../../lib/cartTotals";
@@ -77,7 +78,7 @@ export async function TodoKartenHero() {
               Werkzeuge
             </Link>
             <span>›</span>
-            <span className="text-text-primary">ToDo-Karten</span>
+            <span className="text-text-primary">{product ? <ProductName name={product.name} /> : "ToDo-Karten"}</span>
           </p>
 
           {/* Everything else — centered in the remaining vertical space at