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

apps/scandic-web/hooks/booking/useRateTitles.ts

@@ -4,21 +4,33 @@ import { useIntl } from "react-intl"
 export default function useRateTitles() {
   const intl = useIntl()
 
-  const payNow = intl.formatMessage({ id: "Pay now" })
+  const payNow = intl.formatMessage({
+    defaultMessage: "Pay now",
+  })
 
   return {
     change: {
       paymentTerm: payNow,
-      title: intl.formatMessage({ id: "Free rebooking" }),
+      title: intl.formatMessage({
+        defaultMessage: "Free rebooking",
+      }),
     },
     flex: {
-      paymentTerm: intl.formatMessage({ id: "Pay later" }),
-      title: intl.formatMessage({ id: "Free cancellation" }),
+      paymentTerm: intl.formatMessage({
+        defaultMessage: "Pay later",
+      }),
+      title: intl.formatMessage({
+        defaultMessage: "Free cancellation",
+      }),
     },
     save: {
       paymentTerm: payNow,
-      title: intl.formatMessage({ id: "Non-refundable" }),
+      title: intl.formatMessage({
+        defaultMessage: "Non-refundable",
+      }),
     },
-    noPriceAvailable: intl.formatMessage({ id: "No prices available" }),
+    noPriceAvailable: intl.formatMessage({
+      defaultMessage: "No prices available",
+    }),
   }
 }