- In order to support zoom on Mermaid, we need a custom Mermaid React
component
- In order to support react components, we need to use MDX markdown
synthax
- This means all `<br>` elements need to be as `<br />` (automatically
covered with remark)
- HTML comments are not supported, you need to use JSX-flavored
comments: `{/* this is a comment */}`
- Tildes (~) need escaping (automatically covered with remark)
- Need to use new `Mermaid` react component instead of raw mermaid in
markdown (this is good because you can reuse components)
addresses:
https://linear.app/risczero/issue/ZKVM-461/mermaid-diagrams-theme-and-text-size-refactoring
and
https://linear.app/risczero/issue/DR-363/mermaid-diagram-isnt-readable-on-safari