fix: handle card grids in css instead of js

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx

@@ -11,7 +11,6 @@ import Label from "@/components/TempDesignSystem/Form/Label"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
-import { RATE_CARD_EQUAL_HEIGHT_CLASS } from "../utils"
 import PriceTable from "./PriceList"
 
 import styles from "./flexibilityOption.module.css"
@@ -69,7 +68,7 @@ export default function FlexibilityOption({
 
   if (!product) {
     return (
-      <div className={`${styles.noPricesCard} ${RATE_CARD_EQUAL_HEIGHT_CLASS}`}>
+      <div className={styles.noPricesCard}>
         <div className={styles.header}>
           <InfoCircleIcon width={16} height={16} color="uiTextMediumContrast" />
           <div className={styles.priceType}>
@@ -116,7 +115,7 @@ export default function FlexibilityOption({
         onClick={onClick}
         ref={inputElementRef}
       />
-      <div className={`${styles.card} ${RATE_CARD_EQUAL_HEIGHT_CLASS}`}>
+      <div className={styles.card}>
         <div className={styles.header}>
           <Modal
             trigger={