Add JavaScript functionality for dynamic UI updates and filtering

- Implemented font color configuration based on numeric values in various sections.
- Added resizing functionality for input fields to accommodate text length.
- Initialized filters on document ready for improved user interaction.
- Created visualization for profile data using fetched dot format.
- Enhanced SQL detail page with click event handling for row navigation.
- Ensured consistent highlighting for code blocks across multiple pages.

staticfiles/django_htmx/django-htmx.js

@@ -0,0 +1,22 @@
+{
+  const data = document.currentScript.dataset;
+  const isDebug = data.debug === "True";
+
+  if (isDebug) {
+    document.addEventListener("htmx:beforeOnLoad", function (event) {
+      const xhr = event.detail.xhr;
+      if (xhr.status == 500 || xhr.status == 404) {
+        // Tell htmx to stop processing this response
+        event.stopPropagation();
+
+        document.children[0].innerHTML = xhr.response;
+
+        // Run Django’s inline script
+        // (1, eval) wtf - see https://stackoverflow.com/questions/9107240/1-evalthis-vs-evalthis-in-javascript
+        (1, eval)(document.scripts[0].innerText);
+        // Need to directly call Django’s onload function since browser won’t
+        window.onload();
+      }
+    });
+  }
+}