feat: sync showcase with WRNexusJS 0.8.72 and @wrnexus/ui 0.8.88

- Sync app, public, scripts, test and examples from the framework's
  component-showcase: redesigned component demos, marketing blocks under
  /blocks, template and preview galleries, distinct Timeline/Section
  variants, Chat Bubble receipts, a top-placement Drawer demo, and the
  playground code panel fix (objects in array props no longer blank out).
- Standalone adaptations kept: the generator and tests read
  component-reference.json from the published @wrnexus/ui, and tests use
  the published @wrnexus/compiler and @wrnexus/syntax.
- Dependencies: every @wrnexus/* package to its latest release (ui 0.8.88,
  styles 0.8.26, core 0.8.16, cli 0.8.72, ...), happy-dom for the
  playground tests, Tailwind 4.3; bun.lock and package-lock.json refreshed.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/pages/templates.wrn

@@ -1,11 +1,5 @@
 page Templates {
-  layout = "showcase"
-  seo { title = "Page templates" description = "Complete pages assembled from WRNexus UI blocks." }
-  view {
-    <div class="page-marketplace page-templates">
-      <nav class="market-tabs"><a href="#all">All templates</a><a href="#admin">Dashboards & Admin</a><a href="#commerce">Ecommerce</a><a href="#websites">Websites</a><a href="#support">Support</a><a href="#finance">Finance</a></nav>
-      <header><span class="showcase-eyebrow">Complete products</span><h1>Production-ready templates</h1><p>Responsive page systems assembled from WRNexus blocks and components.</p></header>
-      <div class="template-list"><article class="template-card"><div><small>31 pages</small><h2>Admin dashboard</h2><p>Dashboard & Admin template with consistent navigation, content, forms, and responsive behavior.</p><a href="/block-library">Preview <span>→</span></a></div><div class="template-scenes template-scenes--1"><i></i><i></i><i></i></div></article><article class="template-card"><div><small>18 pages</small><h2>Commerce storefront</h2><p>Ecommerce template with consistent navigation, content, forms, and responsive behavior.</p><a href="/block-library">Preview <span>→</span></a></div><div class="template-scenes template-scenes--2"><i></i><i></i><i></i></div></article><article class="template-card"><div><small>12 pages</small><h2>SaaS website</h2><p>Websites template with consistent navigation, content, forms, and responsive behavior.</p><a href="/block-library">Preview <span>→</span></a></div><div class="template-scenes template-scenes--3"><i></i><i></i><i></i></div></article><article class="template-card"><div><small>9 pages</small><h2>Support center</h2><p>Support template with consistent navigation, content, forms, and responsive behavior.</p><a href="/block-library">Preview <span>→</span></a></div><div class="template-scenes template-scenes--4"><i></i><i></i><i></i></div></article><article class="template-card"><div><small>14 pages</small><h2>Finance workspace</h2><p>Finance & Payments template with consistent navigation, content, forms, and responsive behavior.</p><a href="/block-library">Preview <span>→</span></a></div><div class="template-scenes template-scenes--5"><i></i><i></i><i></i></div></article></div>
-    </div>
-  }
+ layout = "gallery"
+ seo { title = "Templates" }
+ view { <header class="docs-intro"><span class="showcase-eyebrow">Start a product</span><h1>Templates for your next idea</h1><p>Four starting points with complete layouts and copyable source. Examples demonstrate controls; templates combine them into a product page.</p></header><div class="example-catalog"><a class="example-card" href="/templates/dashboards"><div class="example-card__art"><span class="icon-[lucide--layout-dashboard]" aria-hidden="true"></span></div><div><h2>Dashboards & admin</h2><p>Analytics and account operations with meaningful metrics.</p><strong>Open example →</strong></div></a><a class="example-card" href="/templates/commerce"><div class="example-card__art"><span class="icon-[lucide--shopping-bag]" aria-hidden="true"></span></div><div><h2>Commerce</h2><p>A product collection with a working shopping bag.</p><strong>Open example →</strong></div></a><a class="example-card" href="/templates/marketing"><div class="example-card__art"><span class="icon-[lucide--sparkles]" aria-hidden="true"></span></div><div><h2>Marketing websites</h2><p>A SaaS landing page with benefits, pricing, and a clear next step.</p><strong>Open example →</strong></div></a><a class="example-card" href="/templates/productivity"><div class="example-card__art"><span class="icon-[lucide--list-checks]" aria-hidden="true"></span></div><div><h2>Productivity</h2><p>A planning workspace for priorities, deadlines, and notes.</p><strong>Open example →</strong></div></a></div> }
 }