properly import and optimize/cache images in markdown files

contexts/ThemeContext.tsx

@@ -74,7 +74,18 @@ export const ThemeProvider = ({ children }: PropsWithChildren) => {
     },
   };
 
-  return <ThemeContext.Provider value={providerValues}>{children}</ThemeContext.Provider>;
+  return (
+    <ThemeContext.Provider value={providerValues}>
+      <script
+        // unminified: https://gist.github.com/jakejarvis/79b0ec8506bc843023546d0d29861bf0
+        dangerouslySetInnerHTML={{
+          __html: `(()=>{try{const e=document.documentElement,t="undefined"!=typeof Storage?window.localStorage.getItem("theme"):null,a=(t&&"dark"===t)??window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";e.dataset.theme=a,e.style.colorScheme=a}catch(e){}})()`,
+        }}
+      />
+
+      {children}
+    </ThemeContext.Provider>
+  );
 };
 
 // debugging help pls