chore:codeBlock mermaid (#16)

* feat: add SyntaxMermaid and SyntaxCodeBlock components with enhanced props and methods

- Introduced SyntaxMermaid component for rendering Mermaid charts with zoom, fullscreen, and download functionalities.
- Added SyntaxCodeBlock component for syntax highlighting using Shiki, supporting light and dark themes.
- Enhanced Mermaid types with detailed props and expose methods for better integration.
- Removed unused codeXSlots from useComponents hook.
- Updated SVG selection logic in useMermaidZoom for improved accuracy.

* feat: enhance Markdown rendering with customizable code block and mermaid actions

- Refactored MarkdownRender component to include new props for code block actions and mermaid actions.
- Updated CodeBlock component to support custom action buttons with dynamic rendering.
- Introduced Mermaid component enhancements to allow custom action buttons and improved slot handling.
- Simplified toolbar configuration by removing unnecessary properties and integrating action button logic.
- Added TypeScript definitions for new action configurations in CodeBlock and Mermaid components.
- Improved overall structure and readability of the codebase.

Author: yuguaa

packages/playground/package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "echarts": "^6.0.0",
     "github-markdown-css": "^5.8.1",
     "katex": "^0.16.25",
     "vue": "^3.3.0",