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/MyPagesMenuContent/myPagesMenuContent.module.css

@@ -6,44 +6,29 @@
   padding: 0 var(--Space-x1);
 }
 
-.myPagesMenuContent .friendTypeWrapper {
-  color: var(--UI-Text-Medium-contrast);
+.friendTypeWrapper {
+  color: var(--Text-Secondary);
 }
 
 .divider {
   margin: var(--Space-x2) 0;
 }
 
-.friendType {
-  font-family: var(--typography-Title-5-fontFamily);
-  letter-spacing: var(--typography-Title-5-letterSpacing);
-  font-size: var(--typography-Caption-Bold-fontSize);
-  text-transform: uppercase;
-}
-
 .friendType::after {
   content: " · ";
   display: inline;
   padding: 0 var(--Space-x05);
 }
 
-.groups,
 .menuItems {
   list-style: none;
 }
 
-.link:not(:hover) .arrow {
-  opacity: 0;
-}
-
-.arrow {
-  flex-shrink: 0;
-}
-
 @media screen and (min-width: 768px) {
   .myPagesMenuContent {
     padding: var(--Space-x2) var(--Space-x4);
   }
+
   .intro.noMembership,
   .userName {
     display: none;