Better handle contact form JS

src/components/ContactForm.astro

@@ -58,7 +58,7 @@ const ID = `contact-form-${Math.random().toString(36)}`;
 </form>
 
 <script define:vars={{ ID }}>
-  document.addEventListener("astro:page-load", () => {
+  function init() {
     const form = document.getElementById(ID);
     const responseMsg = form.querySelector("#response-message");
     const button = form.querySelector("#submit");
@@ -98,5 +98,8 @@ const ID = `contact-form-${Math.random().toString(36)}`;
         button.disabled = false;
       }, 10000);
     });
-  });
+  }
+
+  init();
+  document.addEventListener("astro:after-swap", init);
 </script>