feat(SW-467): add routing for details steps

components/HotelReservation/SelectRate/SectionAccordion/index.tsx

@@ -1,3 +1,6 @@
+import { getHotelDataSchema } from "@/server/routers/hotels/output"
+import tempHotelData from "@/server/routers/hotels/tempHotelData.json"
+
 import { CheckCircleIcon, ChevronDownIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
@@ -5,6 +8,8 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { getIntl } from "@/i18n"
 
+import HotelSelectionHeader from "../../HotelSelectionHeader"
+
 import styles from "./sectionAccordion.module.css"
 
 import { SectionAccordionProps } from "@/types/components/hotelReservation/selectRate/sectionAccordion"
@@ -15,10 +20,14 @@ export default async function SectionAccordion({
   path,
   children,
 }: React.PropsWithChildren<SectionAccordionProps>) {
+  const hotel = getHotelDataSchema.parse(tempHotelData)
+
   const intl = await getIntl()
 
   return (
     <div className={styles.wrapper}>
+      <HotelSelectionHeader hotel={hotel.data.attributes} />
+
       <div className={styles.top}>
         <div>
           <CheckCircleIcon color={selection ? "green" : "pale"} />