fix: remove inline script usage (#133)

layouts/shortcodes/mermaid.html

@@ -1,30 +1,7 @@
 {{ if not (.Page.Scratch.Get "mermaid") }}
 <!-- Include mermaid only first time -->
 <script defer src="{{ index .Site.Data.assets "js/mermaid.min.js" | relURL }}"></script>
-<script>
-    document.addEventListener("DOMContentLoaded", function(event) {
-        let currentMode = localStorage.getItem(THEME);
-        let darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
-        let primaryColor = "#ececff";
-        let darkMode = false;
-
-        console.log(currentMode)
-
-        if (currentMode === DARK_MODE || (currentMode === AUTO_MODE && darkModeQuery.matches)) {
-            primaryColor = "#6C617E";
-            darkMode = true;
-        }
-
-        mermaid.initialize({
-            flowchart: { useMaxWidth: true },
-            theme: "base",
-            themeVariables: {
-                darkMode: darkMode,
-                primaryColor: primaryColor,
-            },
-        });
-    });
-</script>
+<script defer src="{{ index .Site.Data.assets "js/mermaid-loader.min.js" | relURL }}"></script>
 {{ .Page.Scratch.Set "mermaid" true }}
 {{ end }}