remove loads of styles in favor of inline styles

pages/bookings/[uuid]/index.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import Footer from '../../../components/footer'
-import Header from '../../../components/header'
+import Layout from '../../../components/layout'
 import { getServerSideBooking } from '../../../lib/getServerSideProps'
 import { Booking } from '../../../db/booking'
 import { BOOKING_STATUS } from '../../../db/enums'
@@ -41,9 +40,7 @@ export default function ShowBooking({
   }
 
   return (
-    <>
-      <Header />
-      <main className="main">
+    <Layout>
         <div>
           <strong>Buchungsstatus:</strong> {getBookingStatus(booking.status)}
         </div>
@@ -66,9 +63,6 @@ export default function ShowBooking({
             </button>
           </div>
         )}
-      </main>
-
-      <Footer />
-    </>
+      </Layout>
   )
 }