fix: align price formatting

components/HotelReservation/EnterDetails/Summary/Mobile/BottomSheet/index.tsx

@@ -9,6 +9,7 @@ import { formId } from "@/components/HotelReservation/EnterDetails/Payment/Payme
 import Button from "@/components/TempDesignSystem/Button"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+import { formatPrice } from "@/utils/numberFormatting"
 
 import styles from "./bottomSheet.module.css"
 
@@ -56,12 +57,10 @@ export default function SummaryBottomSheet({ children }: PropsWithChildren) {
         >
           <Caption>{intl.formatMessage({ id: "Total price" })}:</Caption>
           <Subtitle>
-            {intl.formatMessage(
-              { id: "{amount} {currency}" },
-              {
-                amount: intl.formatNumber(totalPrice.local.price),
-                currency: totalPrice.local.currency,
-              }
+            {formatPrice(
+              intl,
+              totalPrice.local.price,
+              totalPrice.local.currency
             )}
           </Subtitle>
           <Caption color="baseTextHighContrast" type="underline">