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

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/JoinScandicFriendsCard/index.tsx

@@ -32,14 +32,26 @@ export default function JoinScandicFriendsCard({
   }
 
   const list = [
-    { title: intl.formatMessage({ id: "Friendly room rates" }) },
-    { title: intl.formatMessage({ id: "Earn & spend points" }) },
-    { title: intl.formatMessage({ id: "Join for free" }) },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Friendly room rates",
+      }),
+    },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Earn & spend points",
+      }),
+    },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Join for free",
+      }),
+    },
   ]
 
   const saveOnJoiningLabel = intl.formatMessage(
     {
-      id: "Get the member price: {amount}",
+      defaultMessage: "Get the member price: {amount}",
     },
     {
       amount: formatPrice(
@@ -62,20 +74,27 @@ export default function JoinScandicFriendsCard({
             textTransform="uppercase"
             color="uiTextHighContrast"
           >
-            {intl.formatMessage({ id: "Join Scandic Friends" })}
+            {intl.formatMessage({
+              defaultMessage: "Join Scandic Friends",
+            })}
           </Caption>
         </div>
       </Checkbox>
 
       <Footnote color="uiTextHighContrast" className={styles.login}>
-        {intl.formatMessage({ id: "Already a friend?" })}{" "}
+        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+        {`${intl.formatMessage({
+          defaultMessage: "Already a friend?",
+        })} `}
         <LoginButton
           color="burgundy"
           position="enter details"
           trackingId="join-scandic-friends-enter-details"
           variant="breadcrumb"
         >
-          {intl.formatMessage({ id: "Log in" })}
+          {intl.formatMessage({
+            defaultMessage: "Log in",
+          })}
         </LoginButton>
       </Footnote>
 
@@ -99,7 +118,8 @@ export default function JoinScandicFriendsCard({
         <Footnote color="uiTextPlaceholder">
           {intl.formatMessage(
             {
-              id: "By signing up you accept the Scandic Friends <termsAndConditionsLink>Terms and Conditions</termsAndConditionsLink>. Your membership is valid until further notice, and you can terminate your membership at any time by sending an email to Scandic's customer service",
+              defaultMessage:
+                "By signing up you accept the Scandic Friends <termsAndConditionsLink>Terms and Conditions</termsAndConditionsLink>. Your membership is valid until further notice, and you can terminate your membership at any time by sending an email to Scandic's customer service",
             },
             {
               termsAndConditionsLink: (str) => (