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

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

@@ -25,14 +25,26 @@ export default function JoinScandicFriendsCard({
   }
 
   const list = [
-    { title: intl.formatMessage({ id: "Earn bonus nights & points" }) },
-    { title: intl.formatMessage({ id: "Get member benefits & offers" }) },
-    { title: intl.formatMessage({ id: "Join at no cost" }) },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Earn bonus nights & points",
+      }),
+    },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Get member benefits & offers",
+      }),
+    },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Join at no cost",
+      }),
+    },
   ]
 
   const saveOnJoiningLabel = intl.formatMessage(
     {
-      id: "Pay the member price of {amount} for Room {roomNr}",
+      defaultMessage: "Pay the member price of {amount} for Room {roomNr}",
     },
     {
       amount: formatPrice(
@@ -53,7 +65,8 @@ export default function JoinScandicFriendsCard({
           </Caption>
           <Caption color="uiTextHighContrast">
             {intl.formatMessage({
-              id: "I promise to join Scandic Friends before checking in",
+              defaultMessage:
+                "I promise to join Scandic Friends before checking in",
             })}
           </Caption>
         </div>