use:enhance directive for svelte protection

src/routes/contact/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { onMount } from 'svelte';
+  import { enhance } from '$app/forms';
   import ContactCanvas from '$lib/components/ContactCanvas.svelte';
   import gsap from 'gsap';
   import { SplitText } from 'gsap/SplitText';
@@ -90,7 +91,7 @@
   </div>
   <div class="formwrapper">
     <span class="button button-back" on:click={contactFormClickHandler} on:keydown={contactFormClickHandler} role="button" tabindex="0">← Back</span>
-    <form name="contact" method="POST">
+    <form name="contact" method="POST" use:enhance>
       <div class="inputs-flex-row">
         <label for="name">
           <!-- <p>How would you like to be addressed?</p> -->