feat(21-22): agente AI generazione preventivo + pagina pubblica deck

- Migration 0010: tabella proposals (id, slug, lead_id, client_id,
  offer_macro_id, content jsonb, state, selected_tier, accepted_at)
  applicata a prod via SSH tunnel
- @anthropic-ai/sdk@0.105.0 installato; ANTHROPIC_API_KEY in .env.local
- src/lib/proposal/: schema Zod ProposalContent, agente Claude Opus 4.8,
  assemble (AI + offerta DB + config consulente), queries, profile.ts
- Admin: /admin/preventivi lista + /genera (pre-fill ?lead_id=X) + /[id] review
- Sidebar: voce Preventivi + CTA globale lime "Genera preventivo"
- LeadDetail: pulsante "Genera preventivo" → /admin/preventivi/genera?lead_id=X
- Pagina pubblica /preventivo/[slug]: deck 20+ slide light-mode iamcavalli,
  navigazione frecce + dot + keyboard, accept/reject con guard immutabilità
- STATE.md aggiornato (80%), 21-PLAN.md scritto nel formato GSD

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/public/proposal/sections/SolutionNodeSection.tsx

@@ -0,0 +1,35 @@
+import type { SolutionNode } from "@/lib/proposal/schema";
+
+type Props = { solution: SolutionNode };
+
+export function SolutionNodeSection({ solution }: Props) {
+  return (
+    <div className="min-h-screen flex flex-col justify-center px-16 py-24 space-y-8 max-w-4xl">
+      <div>
+        <p className="text-xs font-mono tracking-widest text-primary uppercase">
+          {solution.subtitle}
+        </p>
+        <h2 className="text-5xl font-light text-foreground mt-4 leading-tight">
+          {solution.title}
+        </h2>
+      </div>
+
+      <div className="border border-primary/20 bg-primary/5 rounded-xl p-6 space-y-2">
+        <p className="text-xs font-mono tracking-widest text-primary uppercase">La trasformazione</p>
+        <p className="text-sm text-foreground leading-relaxed">{solution.transformation}</p>
+      </div>
+
+      <div className="border border-border rounded-xl p-6 space-y-3">
+        <p className="text-xs font-mono tracking-widest text-muted-foreground uppercase">Attraverso cosa</p>
+        <ul className="space-y-2">
+          {solution.throughWhat.map((item, i) => (
+            <li key={i} className="flex items-start gap-2 text-sm text-foreground">
+              <span className="text-primary mt-0.5">›</span>
+              <span dangerouslySetInnerHTML={{ __html: item }} />
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}