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

apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContainer/index.tsx

@@ -43,7 +43,7 @@ export default function LanguageSwitcherContainer({
             <Subtitle type="one" asChild>
               <span>
                 {intl.formatMessage({
-                  id: "Main menu",
+                  defaultMessage: "Main menu",
                 })}
               </span>
             </Subtitle>
@@ -56,7 +56,7 @@ export default function LanguageSwitcherContainer({
             type="button"
             className={styles.closeButton}
             aria-label={intl.formatMessage({
-              id: "Close menu",
+              defaultMessage: "Close menu",
             })}
             onClick={() => toggleDropdown(position)}
           >

apps/scandic-web/components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -31,7 +31,9 @@ export default function LanguageSwitcherContent({
   return (
     <div className={styles.languageWrapper}>
       <Subtitle className={styles.subtitle} type="two">
-        {intl.formatMessage({ id: "Select your language" })}
+        {intl.formatMessage({
+          defaultMessage: "Select your language",
+        })}
       </Subtitle>
       <ul className={styles.list}>
         {urlKeys.map((key) => {

apps/scandic-web/components/LanguageSwitcher/index.tsx

@@ -87,8 +87,12 @@ export default function LanguageSwitcher({ type }: LanguageSwitcherProps) {
 
   const classNames = languageSwitcherVariants({ position })
 
-  const closeMsg = intl.formatMessage({ id: "Close language menu" })
-  const openMsg = intl.formatMessage({ id: "Open language menu" })
+  const closeMsg = intl.formatMessage({
+    defaultMessage: "Close language menu",
+  })
+  const openMsg = intl.formatMessage({
+    defaultMessage: "Open language menu",
+  })
 
   if (isLoading) {
     return <SkeletonShimmer width="12ch" />