feat: support click outside of modal

src/repror/cli/templates/index.html.jinja

@@ -111,7 +111,7 @@
     <!-- Error messages modal -->
     <div x-show="$store.modal.show" id="modal" class="modal fixed inset-0 bg-gray-800 bg-opacity-75 items-center justify-center z-10 ">
         <div  class="fixed inset-0 bg-gray-800 bg-opacity-75 flex items-center justify-center" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
-            <div class="bg-white rounded-lg p-8 mx-auto">
+            <div class="bg-white rounded-lg p-8 mx-auto" @click.outside="$store.modal.closeModal()">
                 <h2 class="text-2xl mb-4">Error Reason</h2>
                 <pre class="mb-4 max-w-[80vw] overflow-auto" x-html="ansiToHtml($store.modal.modalMessage)"></pre>
                 <button @click="$store.modal.closeModal()" class="px-4 py-2 bg-red-500 text-white rounded">Close Modal</button>