feat(WEB-220): label translations

components/Current/Header/MainMenu/index.tsx

@@ -1,9 +1,9 @@
 "use client"
 import { useState } from "react"
+import { useIntl } from "react-intl"
 
 import { login } from "@/constants/routes/handleAuth"
 import { myPages } from "@/constants/routes/myPages"
-import { _ } from "@/lib/translation"
 
 import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
@@ -25,6 +25,7 @@ export function MainMenu({
   isLoggedIn,
   lang,
 }: MainMenuProps) {
+  const intl = useIntl()
   const [isOpen, setIsOpen] = useState(false)
 
   function toogleIsOpen() {
@@ -78,7 +79,7 @@ export function MainMenu({
                       className={styles.mobileLinkButton}
                       href={myPages[lang]}
                     >
-                      {_("My pages")}
+                      {intl.formatMessage({ id: "My pages" })}
                     </Link>
                   </li>
                 </>
@@ -98,7 +99,7 @@ export function MainMenu({
                       className={styles.mobileLinkButton}
                       href={login[lang]}
                     >
-                      {_("Log in")}
+                      {intl.formatMessage({ id: "Log in" })}
                     </Link>
                   </li>
                 </>
@@ -109,7 +110,7 @@ export function MainMenu({
               </li>
               <li className={styles.mobileLinkRow}>
                 <a className={styles.mobileLinkButton} href="">
-                  {_("Find booking")}
+                  {intl.formatMessage({ id: "Find booking" })}
                 </a>
               </li>
             </ul>