fix: add hotel header to enter details flow

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

@@ -13,8 +13,8 @@ import {
 import BedType from "@/components/HotelReservation/EnterDetails/BedType"
 import Breakfast from "@/components/HotelReservation/EnterDetails/Breakfast"
 import Details from "@/components/HotelReservation/EnterDetails/Details"
+import HotelHeader from "@/components/HotelReservation/EnterDetails/Header"
 import HistoryStateManager from "@/components/HotelReservation/EnterDetails/HistoryStateManager"
-import HotelHeader from "@/components/HotelReservation/EnterDetails/HotelHeader"
 import Payment from "@/components/HotelReservation/EnterDetails/Payment"
 import SectionAccordion from "@/components/HotelReservation/EnterDetails/SectionAccordion"
 import SelectedRoom from "@/components/HotelReservation/EnterDetails/SelectedRoom"
@@ -91,13 +91,13 @@ export default async function StepPage({
 
   const packages = packageCodes
     ? await getPackages({
-      adults,
-      children: children?.length,
-      endDate: toDate,
-      hotelId,
-      packageCodes,
-      startDate: fromDate,
-    })
+        adults,
+        children: children?.length,
+        endDate: toDate,
+        hotelId,
+        packageCodes,
+        startDate: fromDate,
+      })
     : null
 
   const roomAvailability = await getSelectedRoomAvailability(
@@ -138,9 +138,9 @@ export default async function StepPage({
 
   const memberPrice = roomAvailability.memberRate
     ? {
-      price: roomAvailability.memberRate.localPrice.pricePerStay,
-      currency: roomAvailability.memberRate.localPrice.currency,
-    }
+        price: roomAvailability.memberRate.localPrice.pricePerStay,
+        currency: roomAvailability.memberRate.localPrice.currency,
+      }
     : undefined
 
   return (
@@ -158,7 +158,7 @@ export default async function StepPage({
       user={user}
     >
       <main>
-        <HotelHeader hotel={hotelData.data.attributes} />
+        <HotelHeader hotelData={hotelData} />
         <div className={styles.container}>
           <div className={styles.content}>
             <section>