fix: only phrasing content is allowed inside buttons meaning no div or p elements, these are now replaced by span

components/Header/MainMenu/MobileMenu/index.tsx

@@ -68,7 +68,7 @@ export default function MobileMenu({
         })}
         onClick={() => toggleDropdown(DropdownTypeEnum.HamburgerMenu)}
       >
-        <span className={styles.bar}></span>
+        <span className={styles.bar} />
       </button>
       <Modal className={styles.modal} isOpen={isHamburgerMenuOpen}>
         <Dialog

components/Header/MainMenu/MyPagesMenu/index.tsx

@@ -47,8 +47,10 @@ export default function MyPagesMenu({
         onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMenu)}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
-        <Subtitle type="two">
-          {intl.formatMessage({ id: "Hi" })} {user.firstName}!
+        <Subtitle type="two" asChild>
+          <span>
+            {intl.formatMessage({ id: "Hi" })} {user.firstName}!
+          </span>
         </Subtitle>
         <ChevronDownIcon
           className={`${styles.chevron} ${isMyPagesMenuOpen ? styles.isExpanded : ""}`}

components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -42,8 +42,8 @@ export default function MegaMenu({
             onClick={() => toggleMegaMenu(false)}
           >
             <ChevronLeftIcon color="red" />
-            <Subtitle type="one" color="burgundy">
-              {title}
+            <Subtitle type="one" color="burgundy" asChild>
+              <span>{title}</span>
             </Subtitle>
           </button>
         </div>