fix(i18n): prepare for Lokalise

components/HotelReservation/HotelCard/index.tsx

@@ -1,4 +1,5 @@
 "use client"
+
 import { useParams } from "next/dist/client/components/navigation"
 import { memo, useCallback } from "react"
 import { useIntl } from "react-intl"
@@ -64,6 +65,8 @@ function HotelCard({
     state,
   })
 
+  const addressStr = `${hotelData.address.streetAddress}, ${hotelData.address.city}`
+
   return (
     <article
       className={classNames}
@@ -94,9 +97,7 @@ function HotelCard({
             </Subtitle>
             <div className={styles.addressContainer}>
               <address className={styles.address}>
-                <Caption color="uiTextPlaceholder">
-                  {hotelData.address.streetAddress}, {hotelData.address.city}
-                </Caption>
+                <Caption color="uiTextPlaceholder">{addressStr}</Caption>
               </address>
               <address className={styles.addressMobile}>
                 <Caption color="burgundy" type="underline" asChild>
@@ -112,7 +113,7 @@ function HotelCard({
                     color="burgundy"
                     size="small"
                   >
-                    {hotelData.address.streetAddress}, {hotelData.address.city}
+                    {addressStr}
                   </Link>
                 </Caption>
               </address>
@@ -121,7 +122,7 @@ function HotelCard({
               </div>
               <Caption color="uiTextPlaceholder">
                 {intl.formatMessage(
-                  { id: "Distance in km to city centre" },
+                  { id: "{number} km to city centre" },
                   {
                     number: getSingleDecimal(
                       hotelData.location.distanceToCentre / 1000