feat(ui): enhance component share UX and add new interactive simulations

apps/web/content/blog/build-first-digital-architecture.mdx

@@ -43,24 +43,7 @@ tags: ["architecture", "business"]
   durch maßgeschneiderte Systeme.
 </Paragraph>
 
-<div className="my-12">
-  <Mermaid id="build-vs-buy-decision" title="Build vs. Buy Entscheidung" showShare={true}>
-graph TD
-      Need["Individuelles Business-Bedürfnis"] --> Path["Strategische Entscheidung"]
-      Path --> Buy["Software-Abo (SaaS)"]
-      Path --> Build["Bespoke Architecture (Mintel)"]
-      Buy --> Compromise["Kompromisse & Monatliche Fixkosten"]
-      Build --> Competitive["Wettbewerbsvorteil & Unendliche Freiheit"]
-      Compromise --> Stagnation["Digitaler Stillstand"]
-      Competitive --> Growth["Skalierung ohne Grenzen"]
-      style Build fill:#4ade80,stroke:#333
-      style Growth fill:#4ade80,stroke:#333
-</Mermaid>
-  <div className="text-center text-xs text-slate-400 mt-4 italic">
-    Build vs. Buy: Investieren Sie in Ihr eigenes geistiges Eigentum statt
-    in die monatliche Miete von Fremdprodukten.
-  </div>
-</div>
+<ArchitectureBuilder />
 
 <H3>Bauen bedeutet heute: Strategisches Kombinieren</H3>
 <Paragraph>