Tidy up and add contact form

src/pages/contact.astro

@@ -1,5 +1,6 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
+import ContactForm from '../components/ContactForm.astro';
 import ContactList from '../components/ContactList.astro';
 import { getContacts } from '../lib/directus';
 import { site } from '../lib/site';
@@ -9,13 +10,9 @@ const contacts = await getContacts();
 
 <BaseLayout title="Contact" description="How to reach Swansea Airport and its public contacts.">
   <div class="container stack">
-    <section class="prose">
-      <p class="eyebrow">Contact</p>
-      <h1 class="section-title">Reach the airport team</h1>
-      <p>{site.address}</p>
-      <p><a href={`tel:${site.phone.replace(/\s+/g, '')}`}>{site.phone}</a></p>
-    </section>
 
+
+    <ContactForm />
     <ContactList contacts={contacts} />
   </div>
 </BaseLayout>