fix: break out css variables

app/[lang]/(live)/(public)/hotelreservation/(standard)/step/page.tsx

@@ -111,6 +111,13 @@ export default async function StepPage({
     publicPrice: roomAvailability.publicRate!.localPrice.pricePerStay,
   }
 
+  const memberPrice = roomAvailability.memberRate
+    ? {
+        price: roomAvailability.memberRate.localPrice.pricePerStay,
+        currency: roomAvailability.memberRate.localPrice.currency,
+      }
+    : undefined
+
   return (
     <StepsProvider
       bedTypes={roomAvailability.bedTypes}
@@ -152,7 +159,7 @@ export default async function StepPage({
           step={StepEnum.details}
           label={intl.formatMessage({ id: "Enter your details" })}
         >
-          <Details user={user} />
+          <Details user={user} memberPrice={memberPrice} />
         </SectionAccordion>
 
         <SectionAccordion