feat: finalize UI/UX

templates/pages/contact.html

@@ -149,8 +149,8 @@
     <h3 class="modal-title" id="noEmailTitle">No reply address</h3>
     <p class="modal-body">You haven't provided an email address. Without it, we won't be able to respond to your message. Would you like to add one, or send without a reply address?</p>
     <div class="modal-actions">
-      <button class="btn-ghost" id="modalAddEmail">Add Email</button>
-      <button class="btn-primary" id="modalSendAnyway">Send Without Email</button>
+      <button type="button" class="btn-ghost" id="modalAddEmail">Add Email</button>
+      <button type="button" class="btn-primary" id="modalSendAnyway">Send Without Email</button>
     </div>
   </div>
 </div>
@@ -164,7 +164,7 @@
     </div>
     <h3 class="modal-title" id="successTitle">Message Sent!</h3>
     <p class="modal-body">Thank you for reaching out. We've received your message and will get back to you as soon as possible.</p>
-    <button class="btn-primary" id="successClose">Done</button>
+    <button type="button" class="btn-primary" id="successClose">Done</button>
   </div>
 </div>
 
@@ -177,7 +177,7 @@
     </div>
     <h3 class="modal-title" id="errorTitle">Something Went Wrong</h3>
     <p class="modal-body" id="errorModalMsg">Please check your answers and try again.</p>
-    <button class="btn-ghost" id="errorClose">Try Again</button>
+    <button type="button" class="btn-ghost" id="errorClose">Try Again</button>
   </div>
 </div>
 

templates/pages/faq.html

@@ -30,6 +30,7 @@
       {% for entry in faq_entries %}
       <div class="faq-item glass-card fade-in">
         <button
+          type="button"
           class="faq-question"
           aria-expanded="false"
           aria-controls="faq-answer-{{ entry.pk }}"