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

apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx

@@ -64,10 +64,10 @@ export default function MobileMenu({
   }, [isHamburgerMenuOpen])
 
   const closeMsg = intl.formatMessage({
-    id: "Close menu",
+    defaultMessage: "Close menu",
   })
   const openMsg = intl.formatMessage({
-    id: "Open menu",
+    defaultMessage: "Open menu",
   })
 
   return (
@@ -83,7 +83,9 @@ export default function MobileMenu({
       <Modal className={styles.modal} isOpen={isHamburgerMenuOpen}>
         <Dialog
           className={styles.dialog}
-          aria-label={intl.formatMessage({ id: "Menu" })}
+          aria-label={intl.formatMessage({
+            defaultMessage: "Menu",
+          })}
         >
           {children}
           <footer className={styles.footer}>
@@ -92,14 +94,18 @@ export default function MobileMenu({
               iconName={IconName.Search}
               onClick={() => toggleDropdown(DropdownTypeEnum.HamburgerMenu)}
             >
-              {intl.formatMessage({ id: "Find booking" })}
+              {intl.formatMessage({
+                defaultMessage: "Find booking",
+              })}
             </HeaderLink>
             <TopLink isLoggedIn={isLoggedIn} topLink={topLink} iconSize={20} />
             <HeaderLink
               href={customerService[lang]}
               iconName={IconName.Service}
             >
-              {intl.formatMessage({ id: "Customer service" })}
+              {intl.formatMessage({
+                defaultMessage: "Customer service",
+              })}
             </HeaderLink>
             <LanguageSwitcher type="mobileHeader" />
           </footer>
@@ -118,7 +124,7 @@ export function MobileMenuSkeleton() {
       disabled
       className={styles.hamburger}
       aria-label={intl.formatMessage({
-        id: "Open menu",
+        defaultMessage: "Open menu",
       })}
     >
       <span className={styles.bar} />