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/HeaderLink/headerLink.module.css

@@ -3,16 +3,8 @@
   align-items: center;
   gap: var(--Space-x1);
   color: var(--Text-Interactive-Secondary);
-}
 
-.headerLink:hover {
-  color: var(--Text-Interactive-Default);
-}
-
-.headerLink .icon * {
-  fill: var(--Icon-Interactive-Default);
-}
-
-.headerLink:hover .icon * {
-  fill: var(--Icon-Interactive-Secondary);
+  &:hover {
+    color: var(--Text-Interactive-Default);
+  }
 }

apps/scandic-web/components/Header/HeaderLink/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import Link from "next/link"
+import NextLink from "next/link"
 
 import { IconByIconName } from "@scandic-hotels/design-system/Icons/IconByIconName"
 import { Typography } from "@scandic-hotels/design-system/Typography"
@@ -14,11 +14,11 @@ export default function HeaderLink({
   href,
   iconName,
   iconSize = 20,
-  onClick = () => undefined,
+  onClick,
 }: HeaderLinkProps) {
   return (
     <Typography variant="Body/Supporting text (caption)/smRegular">
-      <Link href={href} className={styles.headerLink} onClick={onClick}>
+      <NextLink href={href} className={styles.headerLink} onClick={onClick}>
         {iconName ? (
           <IconByIconName
             iconName={iconName}
@@ -28,7 +28,7 @@ export default function HeaderLink({
           />
         ) : null}
         {children}
-      </Link>
+      </NextLink>
     </Typography>
   )
 }