feat(web): render Mermaid diagrams with pele (#21472)

Co-authored-by: maria-rcks <254055478+maria-rcks@users.noreply.github.com>

Author: maria-rcks

apps/web/package.json

@@ -65,8 +65,8 @@
     "katex": "^0.16.47",
     "lucide": "^0.564.0",
     "lucide-react": "^0.564.0",
-    "mermaid": "^11.17.2",
     "morphicons": "^1.7.1",
+    "pele": "^1.8.0",
     "react": "catalog:",
     "react-dom": "catalog:",
     "react-markdown": "^10.1.0",

apps/web/src/components/ChatMarkdown.tsx

@@ -1107,7 +1107,7 @@ function MarkdownMermaidCodeBlock({
               </pre>
             }
           >
-            <MermaidDiagram source={code} theme={theme} onExpand={onExpand} />
+            <MermaidDiagram source={code} onExpand={onExpand} />
           </Suspense>
           {searching ? (
             <pre ref={sourceRevealRef} hidden aria-hidden>