fix(SW-1273): usage of Link component

move getLang further down the render to reduce CPU cycles

swap to min-width on button to compensate larger strings

remove useless async declaration

app/[lang]/(live)/(public)/hotelreservation/get-booking/page.tsx

@@ -2,7 +2,7 @@ import FindMyBooking from "@/components/HotelReservation/FindMyBooking"
 
 import styles from "./page.module.css"
 
-export default async function GetBookingPage() {
+export default function GetBookingPage() {
   return (
     <main className={styles.main}>
       <div className={styles.form}>

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

@@ -148,12 +148,12 @@ export function MainMenu({
                 <span className={styles.mobileSeparator} />
               </li>
               <li className={styles.mobileLinkRow}>
-                <a
+                <Link
                   className={styles.mobileLinkButton}
                   href={findMyBooking[lang]}
                 >
                   {intl.formatMessage({ id: "Find booking" })}
-                </a>
+                </Link>
               </li>
             </ul>
             <ul className={styles.mainLinks}>

apps/scandic-web/components/Header/TopMenu/index.tsx

@@ -20,7 +20,6 @@ export default async function TopMenu() {
   // cached
   const intl = await getIntl()
   // both preloaded
-  const lang = getLang()
   const header = await getHeader()
   const session = await auth()
   const isLoggedIn = isValidSession(session)
@@ -29,6 +28,8 @@ export default async function TopMenu() {
     return null
   }
 
+  const lang = getLang()
+
   return (
     <div className={styles.topMenu}>
       <div className={styles.content}>

components/HotelReservation/FindMyBooking/findMyBooking.module.css

@@ -42,7 +42,7 @@
 }
 
 .buttons > button {
-  width: 140px;
+  min-width: 140px;
 }
 
 .footnote {