fix(BOOK-405): Pushing to history when opening sidepeek to avoid navigating back inside the booking flow

Approved-by: Chuma Mcphoy (We Ahead)

packages/booking-flow/lib/components/RoomDetailsSidePeek/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { DialogTrigger } from "react-aria-components"
+import { useState } from "react"
 
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -54,28 +54,34 @@ export function RoomDetailsSidePeek({
   buttonVariant: variant = "primary",
 }: RoomDetailsSidePeekProps) {
   const buttonProps = buttonPropsMap[variant]
+  const [isOpen, setIsOpen] = useState(false)
 
   return (
-    <DialogTrigger>
+    <>
       <Button
         {...buttonProps}
         wrapping={wrapping}
-        onPress={() =>
+        onPress={() => {
+          setIsOpen(true)
           trackOpenSidePeekEvent({
             name: SidePeekEnum.roomDetails,
             hotelId,
             roomTypeCode,
             includePathname: true,
           })
-        }
+        }}
       >
         {triggerLabel}
         <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
       </Button>
 
-      <SidePeekSelfControlled title={room.name}>
+      <SidePeekSelfControlled
+        title={room.name}
+        isOpen={isOpen}
+        onClose={() => setIsOpen(false)}
+      >
         <RoomSidePeekContent room={room} />
       </SidePeekSelfControlled>
-    </DialogTrigger>
+    </>
   )
 }