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

apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/MembershipNumber/index.tsx

@@ -19,12 +19,17 @@ export default async function MembershipNumber({
   return (
     <div className={classNames}>
       <Caption color="pale">
-        {intl.formatMessage({ id: "Membership ID:" })}
+        {intl.formatMessage({
+          defaultMessage: "Membership ID:",
+        })}
       </Caption>
       <span className={styles.icon}>
         <Caption className={styles.icon} color="pale" asChild>
           <code data-hj-suppress>
-            {membership?.membershipNumber ?? intl.formatMessage({ id: "N/A" })}
+            {membership?.membershipNumber ??
+              intl.formatMessage({
+                defaultMessage: "N/A",
+              })}
           </code>
         </Caption>
         {membership?.membershipNumber && (

apps/scandic-web/components/Blocks/DynamicContent/Overview/Friend/index.tsx

@@ -24,10 +24,14 @@ export default async function Friend({
   }
   const isHighestLevel = isHighestMembership(membership.membershipLevel)
 
-  const lvlMessageHighest = intl.formatMessage({ id: "Highest level" })
+  const lvlMessageHighest = intl.formatMessage({
+    defaultMessage: "Highest level",
+  })
 
   const lvlMessageLevel = intl.formatMessage(
-    { id: "Level {level}" },
+    {
+      defaultMessage: "Level {level}",
+    },
     { level: membershipLevels[membership.membershipLevel] }
   )