many visual alignments

pages/admin/booking/[uuid]/bill.tsx

@@ -173,10 +173,9 @@ export default function BookingBillPage({
   }
 
   return (
-    <div className="mx-3 flex flex-col min-h-screen">
-      <Header />
-      <main className="flex-grow">
-        <h2 className="text-3xl">Abrechnung</h2>
+    <>
+      <Header label="Abrechung" />
+      <main className="main">
         {booking && (
           <form className="form" onSubmit={onSubmit}>
             <div>
@@ -306,6 +305,6 @@ export default function BookingBillPage({
       </main>
 
       <Footer />
-    </div>
+    </>
   )
 }

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

@@ -77,9 +77,9 @@ export default function ShowBookingAdmin({
   }
 
   return (
-    <div className="mx-3 flex flex-col min-h-screen">
-      <Header />
-      <main className="flex-grow">
+    <>
+      <Header label="Buchung" />
+      <main className="main py-3">
         <h2 className="text-3xl">Buchung {booking.uuid}</h2>
         <Calendar start={booking.startDate} end={booking.endDate} />
         <div>
@@ -113,6 +113,6 @@ export default function ShowBookingAdmin({
       </main>
 
       <Footer />
-    </div>
+    </>
   )
 }