feat: make steps of enter details flow dynamic depending on data

components/HotelReservation/EnterDetails/SelectedRoom/index.tsx

@@ -2,12 +2,13 @@
 
 import { useIntl } from "react-intl"
 
-import { useEnterDetailsStore } from "@/stores/enter-details"
+import { selectRate } from "@/constants/routes/hotelReservation"
 
 import { CheckIcon, EditIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+import useLang from "@/hooks/useLang"
 
 import ToggleSidePeek from "./ToggleSidePeek"
 
@@ -21,8 +22,7 @@ export default function SelectedRoom({
   rateDescription,
 }: SelectedRoomProps) {
   const intl = useIntl()
-
-  const selectRateUrl = useEnterDetailsStore((state) => state.selectRateUrl)
+  const lang = useLang()
 
   return (
     <div className={styles.wrapper}>
@@ -53,7 +53,8 @@ export default function SelectedRoom({
           <Link
             className={styles.button}
             color="burgundy"
-            href={selectRateUrl}
+            href={selectRate(lang)}
+            keepSearchParams
             size="small"
             variant="icon"
           >