feat(seo): emit Product/Breadcrumb/ItemList JSON-LD on PDP and PLP (DECO-5281)

Wire the existing @decocms/apps JSON-LD components (ProductJsonLd, PLPJsonLd,
BreadcrumbJsonLd from commerce/components/JsonLd) into the PDP (ProductDetails)
and PLP (SearchResult) so Google can render rich results. Reuse only — no
custom schema builder, no framework change.

- PDP: ProductJsonLd(product) + BreadcrumbJsonLd(breadcrumbList)
- PLP: PLPJsonLd(page) + BreadcrumbJsonLd(breadcrumb)

JSON-LD is server-rendered inline; the framework forces sections eager for
crawlers, so it's present in the initial SSR HTML bots see.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: JonasJesus42

src/components/search/SearchResult.tsx

@@ -1,4 +1,8 @@
 import type { ProductListingPage } from "@decocms/apps/commerce/types";
+import {
+  BreadcrumbJsonLd,
+  PLPJsonLd,
+} from "@decocms/apps/commerce/components/JsonLd";
 import { mapProductToAnalyticsItem } from "@decocms/apps/commerce/utils/productToAnalyticsItem";
 import { useId } from "react";
 import { useOffer } from "@decocms/apps/commerce/sdk/useOffer";
@@ -92,6 +96,9 @@ function Result({
   return (
     <div {...viewItemListEvent} className="w-full">
       <div className="container flex flex-col gap-4 sm:gap-5 w-full py-4 sm:py-5 px-5 sm:px-0">
+        {/* SEO: schema.org JSON-LD, server-rendered inline (crawlers read it anywhere in the document) */}
+        <PLPJsonLd page={page} />
+        {breadcrumb && <BreadcrumbJsonLd breadcrumb={breadcrumb} />}
         <Breadcrumb itemListElement={breadcrumb?.itemListElement} />
 
         <SearchFilterDrawer id={filterDrawerId} filters={filters} baseUrl={href} />

src/sections/Product/ProductDetails.tsx

@@ -1,4 +1,8 @@
 import type { ProductDetailsPage } from "@decocms/apps/commerce/types";
+import {
+  BreadcrumbJsonLd,
+  ProductJsonLd,
+} from "@decocms/apps/commerce/components/JsonLd";
 import ProductHero, {
   type HeroCopyConfig,
 } from "../../components/product/pdp/ProductHero";
@@ -79,6 +83,9 @@ export default function ProductDetails({
 
   return (
     <div className="container flex flex-col gap-4 sm:gap-5 w-full py-4 sm:py-5 px-5 sm:px-0">
+      {/* SEO: schema.org JSON-LD, server-rendered inline (crawlers read it anywhere in the document) */}
+      <ProductJsonLd product={page.product} />
+      <BreadcrumbJsonLd breadcrumb={page.breadcrumbList} />
       <Breadcrumb itemListElement={page.breadcrumbList.itemListElement} />
       <ProductHero
         page={page}