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

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx

@@ -61,7 +61,11 @@ export function LinkAccountForm({
             src="/_static/img/partner/sas/sas-campaign-logo.png"
           />
           <Typography variant="Title/Subtitle/lg">
-            <h3>{intl.formatMessage({ id: "Link your accounts" })}</h3>
+            <h3>
+              {intl.formatMessage({
+                defaultMessage: "Link your accounts",
+              })}
+            </h3>
           </Typography>
         </div>
         <div className={styles.dateOfBirth}>
@@ -70,19 +74,23 @@ export function LinkAccountForm({
               {userDateOfBirth
                 ? intl.formatMessage(
                     {
-                      id: "Birth date: {dateOfBirth, date, ::MMMM d yyyy}",
+                      defaultMessage:
+                        "Birth date: {dateOfBirth, date, ::MMMM d yyyy}",
                     },
                     {
                       dateOfBirth: new Date(userDateOfBirth),
                     }
                   )
-                : intl.formatMessage({ id: "Birth date is missing" })}
+                : intl.formatMessage({
+                    defaultMessage: "Birth date is missing",
+                  })}
             </p>
           </Typography>
           <Typography variant="Label/xsRegular">
             <p className={styles.dateOfBirthDescription}>
               {intl.formatMessage({
-                id: "We require your birth date in order to link your Scandic Friends account with your SAS EuroBonus account. Please check that it is correct.",
+                defaultMessage:
+                  "We require your birth date in order to link your Scandic Friends account with your SAS EuroBonus account. Please check that it is correct.",
               })}
             </p>
           </Typography>
@@ -93,7 +101,7 @@ export function LinkAccountForm({
             variant="underscored"
           >
             {intl.formatMessage({
-              id: "Edit your personal details",
+              defaultMessage: "Edit your personal details",
             })}
 
             <MaterialIcon icon="arrow_forward" size={18} color="CurrentColor" />
@@ -106,7 +114,7 @@ export function LinkAccountForm({
               required: {
                 value: true,
                 message: intl.formatMessage({
-                  id: "You must accept the terms and conditions",
+                  defaultMessage: "You must accept the terms and conditions",
                 }),
               },
               disabled: !userDateOfBirth,
@@ -115,7 +123,7 @@ export function LinkAccountForm({
             <Typography variant="Body/Paragraph/mdRegular">
               <p>
                 {intl.formatMessage({
-                  id: "I accept the terms and conditions",
+                  defaultMessage: "I accept the terms and conditions",
                 })}
               </p>
             </Typography>
@@ -124,7 +132,8 @@ export function LinkAccountForm({
             <p className={styles.termsDescription}>
               {intl.formatMessage(
                 {
-                  id: "By linking your accounts you accept the <sasScandicTermsAndConditionsLink>Terms & Conditions for Scandic Friends and SAS EuroBonus Account Linking</sasScandicTermsAndConditionsLink>.",
+                  defaultMessage:
+                    "By linking your accounts you accept the <sasScandicTermsAndConditionsLink>Terms & Conditions for Scandic Friends and SAS EuroBonus Account Linking</sasScandicTermsAndConditionsLink>.",
                 },
                 {
                   sasScandicTermsAndConditionsLink: (str) => (
@@ -150,7 +159,9 @@ export function LinkAccountForm({
             type="submit"
             disabled={isPending || disableSubmit}
           >
-            {intl.formatMessage({ id: "Link my accounts" })}
+            {intl.formatMessage({
+              defaultMessage: "Link my accounts",
+            })}
           </Button>
         </div>
       </form>

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx

@@ -26,20 +26,24 @@ export default async function SASxScandicLinkPage({
         color="Icon/Feedback/Success"
       />
       <Typography variant="Title/Subtitle/lg">
-        <h1>{intl.formatMessage({ id: "Your accounts are linked" })}</h1>
+        <h1>
+          {intl.formatMessage({
+            defaultMessage: "Your accounts are linked",
+          })}
+        </h1>
       </Typography>
       <div>
         <Typography variant="Body/Paragraph/mdRegular">
           <p>
             {intl.formatMessage({
-              id: "We successfully connected your accounts!",
+              defaultMessage: "We successfully connected your accounts!",
             })}
           </p>
         </Typography>
         <Typography variant="Body/Paragraph/mdRegular">
           <p>
             {intl.formatMessage({
-              id: "Redirecting you to my pages.",
+              defaultMessage: "Redirecting you to my pages.",
             })}
           </p>
         </Typography>