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,13 +23,15 @@ export const useMermaid = () => {
   }, [])
 
   useEffect(() => {
-    if (window.mermaid) {
+    setTimeout(() => {
-      window.mermaid.initialize({
+      if (window.mermaid) {
-        startOnLoad: true,
+        window.mermaid.initialize({
-        theme: theme === ThemeMode.dark ? 'dark' : 'default'
+          startOnLoad: true,
-      })
+          theme: theme === ThemeMode.dark ? 'dark' : 'default'
-      window.mermaid.contentLoaded()
+        })
-    }
+        window.mermaid.contentLoaded()
+      }
+    }, 2000)
   }, [theme])
 
   useEffect(() => {