Refactor ModalManager to conditionally register modals based on their existence

- Updated ModalManager to check for the presence of modals before registration, improving performance and preventing errors on pages without certain modals.
- Added support for closing modals when clicking outside of them, enhancing user experience.
- Ensured consistent handling of modal display properties across various modal types.

templates/recipes.html

@@ -92,6 +92,7 @@
         const importModal = document.getElementById('importModal');
         if (importModal) {
             importModal.classList.remove('hidden');
+            importModal.style.display = 'block';
         }
     }
 </script>