fix: align price formatting

components/HotelReservation/SelectRate/SelectionCard/index.tsx

@@ -3,6 +3,7 @@ import { useIntl } from "react-intl"
 
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { formatPrice } from "@/utils/numberFormatting"
 
 import styles from "./selectionCard.module.css"
 
@@ -29,15 +30,17 @@ export default function SelectionCard({
 
       <div>
         <Caption color="burgundy" className={styles.price}>
-          {/* TODO: Handle currency and this whole line of text in a better way through intl */}
-          {price} {currency}/{intl.formatMessage({ id: "night" })}
-        </Caption>
-
-        <Caption color="burgundy" className={styles.membersPrice}>
-          {/* TODO: Handle currency and this whole line of text in a better way through intl */}
-          {intl.formatMessage({ id: "Members" })} {membersPrice} {currency}/
+          {formatPrice(intl, price, currency)}/
           {intl.formatMessage({ id: "night" })}
         </Caption>
+
+        {membersPrice && (
+          <Caption color="burgundy" className={styles.membersPrice}>
+            {intl.formatMessage({ id: "Members" })}{" "}
+            {formatPrice(intl, membersPrice, currency)}/
+            {intl.formatMessage({ id: "night" })}
+          </Caption>
+        )}
       </div>
     </div>
   )