fix: removed theme dependency in syntaxhighlighterprovider, added mermaid delay

src/renderer/src/context/SyntaxHighlighterProvider.tsx

@@ -49,7 +49,7 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre
     }
 
     initHighlighter()
-  }, [highlighterTheme, theme])
+  }, [highlighterTheme])
 
   const codeToHtml = async (code: string, language: string) => {
     if (!highlighter) return ''

src/renderer/src/hooks/useMermaid.ts

@@ -23,6 +23,7 @@ export const useMermaid = () => {
   }, [])
 
   useEffect(() => {
+    setTimeout(() => {
       if (window.mermaid) {
         window.mermaid.initialize({
           startOnLoad: true,
@@ -30,6 +31,7 @@ export const useMermaid = () => {
         })
         window.mermaid.contentLoaded()
       }
+    }, 2000)
   }, [theme])
 
   useEffect(() => {