add booking_calendar.loaded class when calendar has loaded

components/calendar.tsx

@@ -94,7 +94,7 @@ export default function MyCalendar({
   return (
     <div className={className}>
       <h2 className="text-xl">Belegungsplan</h2>
-      <Loading loading={daysBookedLoading}>
+      <Loading className="booking_calendar" loading={daysBookedLoading}>
         <Calendar
           defaultActiveStartDate={startDate}
           minDate={new Date()}

components/loading.tsx

@@ -3,12 +3,15 @@ import Spinner from './spinner'
 
 export default function Loading({
   loading,
+  className,
   children,
 }: {
   loading: boolean
+  className: string
   children: any
 }) {
-  const classNames = classnames({
+  const classNames = classnames(className, {
+    loaded: !loading,
     'opacity-50': loading,
   })
   return (