feat(WEB-220): label translations

components/MyPages/Sidebar/index.tsx

@@ -6,6 +6,7 @@ import { serverClient } from "@/lib/trpc/server"
 
 import Link from "@/components/TempDesignSystem/Link"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
 
 import styles from "./sidebar.module.css"
 
@@ -13,6 +14,7 @@ import { LangParams } from "@/types/params"
 
 export default async function Sidebar({ lang }: LangParams) {
   const navigation = await serverClient().contentstack.myPages.navigation.get()
+  const { formatMessage } = await getIntl()
 
   return (
     <aside className={styles.sidebar}>
@@ -29,21 +31,21 @@ export default async function Sidebar({ lang }: LangParams) {
             </Link>
             {item.subItems
               ? item.subItems.map((subItem) => (
-                  <Link
-                    key={subItem.uid}
-                    href={subItem.originalUrl || subItem.url}
-                    partialMatch
-                    variant="sidebar"
-                  >
-                    {subItem.linkText}
-                  </Link>
-                ))
+                <Link
+                  key={subItem.uid}
+                  href={subItem.originalUrl || subItem.url}
+                  partialMatch
+                  variant="sidebar"
+                >
+                  {subItem.linkText}
+                </Link>
+              ))
               : null}
           </Fragment>
         ))}
 
         <Link prefetch={false} href={logout[lang]} variant="sidebar">
-          Log out <LogOut height={16} width={16} />
+          {formatMessage({ id: "Log out" })} <LogOut height={16} width={16} />
         </Link>
       </nav>
     </aside>