fix(i18n): prepare for Lokalise

components/HotelReservation/EnterDetails/SelectedRoom/ToggleSidePeek.tsx

@@ -28,7 +28,7 @@ export default function ToggleSidePeek({
       intent="text"
       wrapping
     >
-      {intl.formatMessage({ id: "See room details" })}{" "}
+      {intl.formatMessage({ id: "See room details" })}
       <ChevronRight height="14" />
     </Button>
   )

components/HotelReservation/EnterDetails/SelectedRoom/index.tsx

@@ -47,8 +47,16 @@ export default function SelectedRoom({
             className={styles.description}
             color="uiTextHighContrast"
           >
-            {room.roomType}{" "}
-            <span className={styles.rate}>{rateDescription}</span>
+            {intl.formatMessage<React.ReactNode>(
+              { id: "{roomType} <rate>{rateDescription}</rate>" },
+              {
+                roomType: room.roomType,
+                rateDescription,
+                rate: (str) => {
+                  return <span className={styles.rate}>{str}</span>
+                },
+              }
+            )}
           </Subtitle>
           <Link
             className={styles.button}