fix: remove inline script usage (#133)

src/js/clipboard-loader.js

@@ -0,0 +1,3 @@
+document.addEventListener("DOMContentLoaded", function (event) {
+  var clipboard = new ClipboardJS(".clip");
+});

src/js/mermaid-loader.js

@@ -0,0 +1,25 @@
+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,
+    },
+  });
+});