fix: pass in lang to mobile dropdown and render logout button

components/Current/Header/MyPagesMobileDropdown/index.tsx

@@ -1,5 +1,6 @@
 "use client"
 import { Fragment } from "react"
+import { useIntl } from "react-intl"
 
 import { Lang } from "@/constants/languages"
 import { logout } from "@/constants/routes/handleAuth"
@@ -21,8 +22,10 @@ export default function MyPagesMobileDropdown({
   navigation: Navigation
   lang: Lang | null
 }) {
+  const { formatMessage } = useIntl()
   const { toggleMyPagesMobileMenu, isMyPagesMobileMenuOpen } =
     useDropdownStore()
+
   if (!navigation) {
     return null
   }
@@ -53,20 +56,19 @@ export default function MyPagesMobileDropdown({
                   </Link>
                 </li>
               ))}
-              {/*TODO: Reintroduce once we figure out how to pass lang param. */}
-              {/* {menuItem.display_sign_out_link ? ( */}
-              {/*   <li> */}
-              {/*     <Link */}
-              {/*       color="burgundy" */}
-              {/*       href={logout[lang]} */}
-              {/*       prefetch={false} */}
-              {/*       size="small" */}
-              {/*       variant="sidebar" */}
-              {/*     > */}
-              {/*       {formatMessage({ id: "Log out" })} */}
-              {/*     </Link> */}
-              {/*   </li> */}
-              {/* ) : null} */}
+              {menuItem.display_sign_out_link && lang ? (
+                <li>
+                  <Link
+                    color="burgundy"
+                    href={logout[lang]}
+                    prefetch={false}
+                    size="small"
+                    variant="sidebar"
+                  >
+                    {formatMessage({ id: "Log out" })}
+                  </Link>
+                </li>
+              ) : null}
             </ul>
           </ul>
         </Fragment>