fix: Update laptop breakpoint to match my pages sidebar

components/Current/Header/BookingButton/bookingButton.module.css

@@ -31,7 +31,7 @@
   text-decoration: underline;
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 1367px) {
   .button {
     font-weight: 600;
     font-size: 16px;

components/Current/Header/MainMenu/index.tsx

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

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

@@ -235,7 +235,7 @@
   gap: var(--Spacing-x3);
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1367px) {
   .navBar {
     grid-template-columns: 140px auto 1fr;
     height: 82.4px;
@@ -267,6 +267,7 @@
   .mainLinks {
     padding-top: 2.5px;
     background-color: transparent;
+    height: 100%;
   }
 
   .expanderBtn {
@@ -295,7 +296,7 @@
   }
 
   .li {
-    display: table-cell;
+    display: inline-grid;
     float: none;
     vertical-align: middle;
     line-height: 1.15;

components/Current/Header/MyPagesMobileDropdown/my-pages-mobile-dropdown.module.css

@@ -44,7 +44,7 @@
   list-style: none;
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 1367px) {
   .navigationMenu {
     display: none;
   }

components/Current/Header/header.module.css

@@ -2,7 +2,7 @@
   display: grid;
 }
 
-@media screen and (max-width: 950px) {
+@media screen and (max-width: 1366px) {
   .header {
     height: 70.047px;
   }