fix(BOOK-325): Added refetch options to user.name query and refactored header

Approved-by: Linus Flood
Approved-by: Matilda Landström

apps/scandic-web/components/Header/MainMenu/MyPagesMobileMenu/index.tsx

@@ -51,8 +51,7 @@ export default function MyPagesMobileMenu({
   return (
     <div className={styles.myPagesMobileMenu}>
       <MainMenuButton
-        className={styles.button}
-        onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)}
+        onPress={() => toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)}
         aria-label={intl.formatMessage({
           id: "header.openMyPagesMenu",
           defaultMessage: "Open my pages menu",
@@ -85,7 +84,7 @@ export default function MyPagesMobileMenu({
 export function MyPagesMobileMenuSkeleton() {
   return (
     <div className={styles.myPagesMobileMenu}>
-      <MainMenuButton className={styles.button}>
+      <MainMenuButton isLoading>
         <Avatar />
       </MainMenuButton>
     </div>