feat: content reader modal

html-router/templates/modal_base.html

@@ -1,5 +1,5 @@
 <dialog id="body_modal" class="modal">
-  <div class="modal-box">
+  <div class="modal-box {% block modal_class %}{% endblock %} ">
     <form id="modal_form" {% block form_attributes %}{% endblock %}>
       <div class="flex flex-col space-y-4">
         {% block modal_content %} <!-- Form fields go here in child templates -->
@@ -35,4 +35,7 @@
       evt.target.innerHTML = '';
     });
   </script>
+  <form method="dialog" class="modal-backdrop">
+    <button>close</button>
+  </form>
 </dialog>