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/Header/MainMenu/MyPagesMenu/index.tsx

@@ -3,6 +3,8 @@
 import { useRef } from "react"
 import { useIntl } from "react-intl"
 
+import { MembershipLevelEnum } from "@/constants/membershipLevels"
+import { trpc } from "@/lib/trpc/client"
 import useDropdownStore from "@/stores/main-menu"
 
 import { ChevronDownSmallIcon } from "@/components/Icons"
@@ -10,7 +12,7 @@ import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
-import {type  FriendsMembership,getInitials  } from "@/utils/user"
+import { type FriendsMembership, getInitials } from "@/utils/user"
 
 import Avatar from "../Avatar"
 import MainMenuButton from "../MainMenuButton"
@@ -20,22 +22,17 @@ import styles from "./myPagesMenu.module.css"
 
 import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { User } from "@/types/user"
-import type { MyPagesLink } from "@/components/MyPages/menuItems"
 import type { LoyaltyLevel } from "@/server/routers/contentstack/loyaltyLevel/output"
 
 export type MyPagesMenuProps = {
-  primaryLinks: MyPagesLink[]
-  secondaryLinks: MyPagesLink[]
   user: Pick<User, "firstName" | "lastName">
   membership?: FriendsMembership | null
   membershipLevel: LoyaltyLevel | null
 }
 
 export default function MyPagesMenu({
-  membership,
-  primaryLinks,
-  secondaryLinks,
   user,
+  membership,
   membershipLevel,
 }: MyPagesMenuProps) {
   const intl = useIntl()
@@ -76,8 +73,6 @@ export default function MyPagesMenu({
         <div className={styles.dropdown}>
           <MyPagesMenuContent
             membershipLevel={membershipLevel}
-            primaryLinks={primaryLinks}
-            secondaryLinks={secondaryLinks}
             user={user}
             membership={membership}
             toggleOpenStateFn={() =>