Fix skeleton for MyPagesMobileMenu

components/Header/MainMenu/MyPagesMenu/index.tsx

@@ -77,10 +77,12 @@ export default function MyPagesMenu({
 
 export function MyPagesMenuSkeleton() {
   return (
-    <MainMenuButton>
-      <Avatar />
-      <SkeletonShimmer width="10ch" />
-      <ChevronDownSmallIcon className={`${styles.chevron}`} color="red" />
-    </MainMenuButton>
+    <div className={styles.myPagesMenu}>
+      <MainMenuButton>
+        <Avatar />
+        <SkeletonShimmer width="10ch" />
+        <ChevronDownSmallIcon className={`${styles.chevron}`} color="red" />
+      </MainMenuButton>
+    </div>
   )
 }

components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -11,7 +11,9 @@ import { getIntl } from "@/i18n"
 
 import Avatar from "../Avatar"
 import MyPagesMenu, { MyPagesMenuSkeleton } from "../MyPagesMenu"
-import MyPagesMobileMenu from "../MyPagesMobileMenu"
+import MyPagesMobileMenu, {
+  MyPagesMobileMenuSkeleton,
+} from "../MyPagesMobileMenu"
 
 import styles from "./myPagesMenuWrapper.module.css"
 
@@ -67,7 +69,7 @@ export function MyPagesMenuWrapperSkeleton() {
   return (
     <div>
       <MyPagesMenuSkeleton />
-      {/* <MyPagesMobileMenuSkeleton /> */}
+      <MyPagesMobileMenuSkeleton />
     </div>
   )
 }

components/Header/MainMenu/MyPagesMobileMenu/index.tsx

@@ -76,3 +76,13 @@ export default function MyPagesMobileMenu({
     </div>
   )
 }
+
+export function MyPagesMobileMenuSkeleton() {
+  return (
+    <div className={styles.myPagesMobileMenu}>
+      <MainMenuButton className={styles.button}>
+        <Avatar />
+      </MainMenuButton>
+    </div>
+  )
+}