feat: breakfast choice

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

@@ -4,9 +4,9 @@ import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 import { serverClient } from "@/lib/trpc/server"
 
 import BedType from "@/components/HotelReservation/EnterDetails/BedType"
+import Breakfast from "@/components/HotelReservation/EnterDetails/Breakfast"
 import Details from "@/components/HotelReservation/EnterDetails/Details"
 import HotelSelectionHeader from "@/components/HotelReservation/HotelSelectionHeader"
-import BreakfastSelection from "@/components/HotelReservation/SelectRate/BreakfastSelection"
 import Payment from "@/components/HotelReservation/SelectRate/Payment"
 import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
 import SectionAccordion from "@/components/HotelReservation/SelectRate/SectionAccordion"
@@ -104,7 +104,7 @@ export default async function SectionsPage({
 
   const selectedBreakfast = searchParams.breakfast
     ? breakfastAlternatives.find((a) => a.value === searchParams.breakfast)
-      ?.name
+        ?.name
     : undefined
 
   const selectedRoom = searchParams.roomClass
@@ -132,9 +132,9 @@ export default async function SectionsPage({
             selection={
               selectedRoom
                 ? [
-                  selectedRoom,
-                  intl.formatMessage({ id: selectedFlexibility }),
-                ]
+                    selectedRoom,
+                    intl.formatMessage({ id: selectedFlexibility }),
+                  ]
                 : undefined
             }
             path={`select-rate?${currentSearchParams}`}
@@ -162,12 +162,7 @@ export default async function SectionsPage({
             selection={selectedBreakfast}
             path={`breakfast?${currentSearchParams}`}
           >
-            {params.section === "breakfast" && (
-              <BreakfastSelection
-                alternatives={breakfastAlternatives}
-                nextPath="details"
-              />
-            )}
+            {params.section === "breakfast" ? <Breakfast /> : null}
           </SectionAccordion>
           <SectionAccordion
             header={intl.formatMessage({ id: "Your details" })}