Merged in fix/BOOK-486-hotjar (pull request #3046)

fix(BOOK-486): suppress hotjar firstname lastname and initials

* fix(BOOK-486): suppress hotjar firstname lastname and initials


Approved-by: Joakim Jäderberg
Approved-by: Anton Gunnarsson

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

@@ -8,7 +8,7 @@ import Caption from "@scandic-hotels/design-system/Caption"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import Link from "@scandic-hotels/design-system/OldDSLink"
-import Subtitle from "@scandic-hotels/design-system/Subtitle"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 import { trpc } from "@scandic-hotels/trpc/client"
 
 import useLang from "@/hooks/useLang"
@@ -47,12 +47,17 @@ export default function MyPagesMenuContent({
     <FocusLock returnFocus={true}>
       <nav className={styles.myPagesMenuContent}>
         <div className={introClassName}>
-          <Subtitle type="two" className={styles.userName}>
-            {intl.formatMessage(
-              { id: "myPages.hiFirstName", defaultMessage: "Hi {firstName}!" },
-              { firstName: user.firstName }
-            )}
-          </Subtitle>
+          <Typography variant="Title/Subtitle/md" className={styles.userName}>
+            <p data-hj-suppress>
+              {intl.formatMessage(
+                {
+                  id: "myPages.hiFirstName",
+                  defaultMessage: "Hi {firstName}!",
+                },
+                { firstName: user.firstName }
+              )}
+            </p>
+          </Typography>
           {membershipLevel && membershipPoints ? (
             <Caption className={styles.friendTypeWrapper}>
               <span className={styles.friendType}>{membershipLevel.name}</span>