feat(SW-706): make eslint rule 'formatjs/no-literal-string-in-jsx' pass

apps/scandic-web/components/HotelReservation/EnterDetails/Payment/MySavedCards/index.tsx

@@ -2,7 +2,10 @@ import { useIntl } from "react-intl"
 
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import { PAYMENT_METHOD_TITLES ,type  PaymentMethodEnum } from "@/constants/booking"
+import {
+  PAYMENT_METHOD_TITLES,
+  type PaymentMethodEnum,
+} from "@/constants/booking"
 
 import PaymentOption from "../PaymentOption"
 
@@ -20,7 +23,11 @@ export default function MySavedCards({ savedCreditCards }: MySavedCardsProps) {
   return (
     <section className={styles.section}>
       <Typography variant="Title/Overline/sm">
-        <h4>{intl.formatMessage({ id: "MY SAVED CARDS" })}</h4>
+        <h4>
+          {intl.formatMessage({
+            defaultMessage: "MY SAVED CARDS",
+          })}
+        </h4>
       </Typography>
       <div className={styles.paymentOptionContainer}>
         {savedCreditCards?.map((savedCreditCard) => (