feat: sync design of header with current web

components/Current/Header/MainMenu/index.tsx

@@ -2,7 +2,8 @@
 import { useState } from "react"
 
 import Image from "@/components/Image"
-import Button from "@/components/TempDesignSystem/Button"
+
+import BookingButton from "../BookingButton"
 
 import styles from "./mainMenu.module.css"
 
@@ -82,9 +83,9 @@ export function MainMenu({
               <li className={styles.mobileLi}>{languageSwitcher}</li>
             ) : null}
           </ul>
-          {/* <div className={styles.buttonContainer}>
-            <Button>Book</Button>
-          </div> */}
+          <div className={styles.buttonContainer}>
+            <BookingButton />
+          </div>
         </nav>
       </div>
     </div>