make sure mermaid flowchart is displayed correctly (#3269)

docs/docusaurus.config.ts

@@ -32,6 +32,10 @@ const config: Config = {
     },
   },
 
+  markdown: {
+    mermaid: true,
+  },
+  themes: ['@docusaurus/theme-mermaid'],
   presets: [
     [
       "classic",

docs/modules/usage/runtime.md

@@ -2,7 +2,7 @@
 sidebar_position: 4
 ---
 
-# OpenDevin EventStream Runtime
+# 📦 EventStream Runtime
 
 The OpenDevin EventStream Runtime is the core component that enables secure and flexible execution of AI agent's action.
 It creates a sandboxed environment using Docker, where arbitrary code can be run safely without risking the host system.

docs/package.json

@@ -18,6 +18,7 @@
     "@docusaurus/core": "^3.4.0",
     "@docusaurus/plugin-content-pages": "^3.4.0",
     "@docusaurus/preset-classic": "^3.4.0",
+    "@docusaurus/theme-mermaid": "^3.4.0",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",