rename prop if a component requires authentication

pages/_app.tsx

@@ -28,7 +28,7 @@ export default function MyApp({
   return (
     <div className="flex flex-col min-h-screen">
       <SessionProvider session={session}>
-        {Component.auth ? (
+        {Component.authenticationRequired ? (
           <Auth>
             <Component {...pageProps} />
           </Auth>

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

@@ -261,6 +261,6 @@ function BookingBillPage({
   )
 }
 
-BookingBillPage.auth = true
+BookingBillPage.authenticationRequired = true
 
 export default BookingBillPage

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

@@ -74,6 +74,6 @@ function ShowBookingAdmin({ booking: bookingProp }: { booking: Booking }) {
   )
 }
 
-ShowBookingAdmin.auth = true
+ShowBookingAdmin.authenticationRequired = true
 
 export default ShowBookingAdmin

pages/admin/index.tsx

@@ -69,6 +69,6 @@ function AdminRecentBookings({ bookings }) {
   )
 }
 
-AdminRecentBookings.auth = true
+AdminRecentBookings.authenticationRequired = true
 
 export default AdminRecentBookings