chore(SW-667): move formatMessage call to array

components/Sidebar/JoinLoyalty/ReadMore/index.tsx

@@ -12,10 +12,13 @@ export default async function ReadMore() {
   const [intl, lang] = await Promise.all([getIntl(), getLang()])
 
   const links = [
-    { href: faq[lang], translationId: "FAQ" },
+    {
+      href: faq[lang],
+      text: intl.formatMessage({ id: "FAQ" }),
+    },
     {
       href: membershipTermsAndConditions[lang],
-      translationId: "Membership terms and conditions",
+      text: intl.formatMessage({ id: "Membership terms and conditions" }),
     },
   ]
 
@@ -23,11 +26,9 @@ export default async function ReadMore() {
     <article className={styles.wrapper}>
       <Subtitle>{intl.formatMessage({ id: "Read more" })}</Subtitle>
       <div className={styles.links}>
-        {links.map((link) => {
+        {links.map((link) => (
-          const translatedText = intl.formatMessage({ id: link.translationId })
-          return (
           <Link
-              key={link.translationId}
+            key={link.text}
             size="small"
             className={styles.link}
             color="burgundy"
@@ -39,10 +40,9 @@ export default async function ReadMore() {
               height="20"
               width="20"
             />
-              {translatedText}
+            {link.text}
           </Link>
-          )
+        ))}
-        })}
       </div>
     </article>
   )