add Layout where missing

pages/admin/bookings/[uuid]/bill.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 Input from '../../../../components/input'
 import Select from '../../../../components/select'
 import { Booking } from '../../../../db/booking'
@@ -134,9 +133,7 @@ export default function BookingBillPage({
   }
 
   return (
-    <>
-      <Header />
-      <main className="main">
+    <Layout>
         {booking && (
           <form className="w-full" onSubmit={onSubmit}>
             <div>
@@ -262,9 +259,6 @@ export default function BookingBillPage({
             </button>
           </form>
         )}
-      </main>
-
-      <Footer />
-    </>
+    </Layout>
   )
 }

pages/admin/bookings/[uuid]/index.tsx

@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { useRouter } from 'next/router'
 import Link from 'next/link'
-import Footer from '../../../../components/footer'
-import Header from '../../../../components/header'
+import Layout from '../../../../components/layout'
 import Calendar from '../../../../components/calendar'
 import { getServerSideBooking } from '../../../../lib/getServerSideProps'
 import { Booking } from '../../../../db/booking'
@@ -41,9 +40,7 @@ export default function ShowBookingAdmin({
   }
 
   return (
-    <>
-      <Header />
-      <main className="main py-3">
+    <Layout>
         <h2 className="text-3xl">Buchung {booking.uuid}</h2>
         <Calendar start={booking.startDate} end={booking.endDate} />
         <div>
@@ -77,9 +74,6 @@ export default function ShowBookingAdmin({
             <a className="btn btn-gray">Rechnung</a>
           </Link>
         </div>
-      </main>
-
-      <Footer />
-    </>
+    </Layout>
   )
 }