Merged in fix/mypages-clientside-menu (pull request #1344)

Fix/mypages clientside menu

* feat: move mypages menu to client side

* Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/mypages-clientside-menu

* wip

* wip

* wip

* refactor: reorganize MyPages navigation logic and improve type definitions

* refactor: enhance MyPagesMobileDropdown with loading states and skeletons

* refactor: clean up header component and improve myPagesNavigation query structure

* Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/mypages-clientside-menu


Approved-by: Linus Flood

components/Current/Header/MainMenu/index.tsx

@@ -71,10 +71,11 @@ export function MainMenu({
     if (!isMyPagesMobileMenuOpen) {
       trackClick("profile picture icon")
     }
-
     toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
   }
 
+  console.log("isMyPagesMobileMenuOpen", isMyPagesMobileMenuOpen)
+
   return (
     <div className={styles.mainMenu}>
       <div
@@ -230,9 +231,6 @@ export function MainMenu({
 }
 
 export function MainMenuSkeleton() {
-  const intl = useIntl()
-
-  const links = new Array(5).fill("")
   return (
     <div className={styles.mainMenu}>
       <div
@@ -264,7 +262,7 @@ export function MainMenuSkeleton() {
           </a>
 
           <ul className={styles.listWrapper}>
-            {links.map((link, i) => (
+            {Array.from({ length: 5 }, () => "").map((_, i) => (
               <li className={`${styles.li} ${styles.skeletonWrapper}`} key={i}>
                 <SkeletonShimmer height="22px" width="130px" />
               </li>