feat: Add my pages linkk to desktop main menu and hide on mobile

components/Current/Header/MainMenu/index.tsx

@@ -147,9 +147,11 @@ export function MainMenu({
             ) : null}
           </ul>
           <div className={styles.buttonContainer}>
-            <Link className={styles.link} href={myPages[lang]}>
+            <div className={styles.myPagesDesktopLink}>
-              {intl.formatMessage({ id: "My pages" })}
+              <Link className={styles.link} href={myPages[lang]}>
-            </Link>
+                {intl.formatMessage({ id: "My pages" })}
+              </Link>
+            </div>
             <BookingButton href={bookingHref} />
             {myPagesMobileDropdown && user ? (
               <div

components/Current/Header/MainMenu/mainMenu.module.css

@@ -235,6 +235,10 @@
   gap: var(--Spacing-x3);
 }
 
+.myPagesDesktopLink {
+  display: none;
+}
+
 @media (min-width: 1367px) {
   .navBar {
     grid-template-columns: 140px auto 1fr;
@@ -336,4 +340,7 @@
   .avatarButton {
     display: none;
   }
+  .myPagesDesktopLink {
+    display: block;
+  }
 }