feat: comment updates

apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx

@@ -2,6 +2,7 @@
 
 import { zodResolver } from "@hookform/resolvers/zod"
 import { usePathname, useRouter, useSearchParams } from "next/navigation"
+import { cx } from "class-variance-authority"
 import { useCallback, useEffect, useState } from "react"
 import { Label } from "react-aria-components"
 import { FormProvider, useForm } from "react-hook-form"
@@ -480,7 +481,9 @@ export default function PaymentClient({
 
   return (
     <section
-      className={`${styles.paymentSection} ${allRoomsComplete && !isSubmitting ? "" : styles.disabled}`}
+      className={cx(styles.paymentSection, {
+        [styles.disabled]: !allRoomsComplete || isSubmitting,
+      })}
     >
       <header>
         <Title level="h2" as="h4">