refactor: uniform toast and better error display

html-router/templates/head_base.html

@@ -6,8 +6,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>{% block title %}Minne{% endblock %}</title>
 
-  <!-- <meta http-equiv=" refresh" content="4"> -->
-
   <!-- Preload critical assets -->
   <link rel="preload" href="/assets/htmx.min.js" as="script">
   <link rel="preload" href="/assets/htmx-ext-sse.js" as="script">
@@ -20,6 +18,7 @@
   <script src="/assets/htmx.min.js" defer></script>
   <script src="/assets/htmx-ext-sse.js" defer></script>
   <script src="/assets/theme-toggle.js" defer></script>
+  <script src="/assets/toast.js" defer></script>
 
   <!-- Icons -->
   <link rel="icon" href="/assets/icon/favicon.ico">
@@ -33,8 +32,6 @@
   {% block head %}{% endblock %}
 
 </head>
-{% block body %}{% endblock %}
-
 <script>
   (function wait_for_htmx() {
     if (window.htmx) {
@@ -45,4 +42,6 @@
   })();
 </script>
 
+{% block body %}{% endblock %}
+
 </html>