fix: align price formatting

components/HotelReservation/EnterDetails/Details/JoinScandicFriendsCard/index.tsx

@@ -11,6 +11,7 @@ import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import useLang from "@/hooks/useLang"
+import { formatPrice } from "@/utils/numberFormatting"
 
 import styles from "./joinScandicFriendsCard.module.css"
 
@@ -31,11 +32,14 @@ export default function JoinScandicFriendsCard({
 
   const saveOnJoiningLabel = intl.formatMessage(
     {
-      id: "Only pay {amount} {currency}",
+      id: "Only pay {amount}",
     },
     {
-      amount: intl.formatNumber(memberPrice?.price ?? 0),
-      currency: memberPrice?.currency ?? "SEK",
+      amount: formatPrice(
+        intl,
+        memberPrice?.price ?? 0,
+        memberPrice?.currency ?? "SEK"
+      ),
     }
   )
 

components/HotelReservation/EnterDetails/Details/MemberPriceModal/index.tsx

@@ -9,6 +9,7 @@ import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { formatPrice } from "@/utils/numberFormatting"
 
 import Modal from "../../Modal"
 
@@ -47,10 +48,11 @@ export default function MemberPriceModal({
                 })}
               </Body>
               <Subtitle type="two" color="red">
-                {intl.formatNumber(memberPrice.pricePerStay, {
-                  currency: memberPrice.currency,
-                  style: "currency",
-                })}
+                {formatPrice(
+                  intl,
+                  memberPrice.pricePerStay,
+                  memberPrice.currency
+                )}
               </Subtitle>
             </span>
           )}