feat(SW-1273): find my booking page with rudimentary validation and redirect

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

@@ -5,10 +5,12 @@ import { Dialog, Modal } from "react-aria-components"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
+import { findMyBooking } from "@/constants/myBooking"
 import useDropdownStore from "@/stores/main-menu"
 
 import LanguageSwitcher from "@/components/LanguageSwitcher"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
+import useLang from "@/hooks/useLang"
 
 import HeaderLink from "../../HeaderLink"
 import TopLink from "../../TopLink"
@@ -24,6 +26,7 @@ export default function MobileMenu({
   topLink,
   isLoggedIn,
 }: React.PropsWithChildren<MobileMenuProps>) {
+  const lang = useLang()
   const intl = useIntl()
   const {
     toggleDropdown,
@@ -83,7 +86,7 @@ export default function MobileMenu({
         >
           {children}
           <footer className={styles.footer}>
-            <HeaderLink href="#" iconName={IconName.Search}>
+            <HeaderLink href={findMyBooking[lang]} iconName={IconName.Search}>
               {intl.formatMessage({ id: "Find booking" })}
             </HeaderLink>
             <TopLink isLoggedIn={isLoggedIn} topLink={topLink} iconSize={20} />

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

@@ -1,3 +1,4 @@
+import { findMyBooking } from "@/constants/myBooking"
 import { getHeader } from "@/lib/trpc/memoizedRequests"
 
 import { auth } from "@/auth"
@@ -5,6 +6,7 @@ import LanguageSwitcher from "@/components/LanguageSwitcher"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { getIntl } from "@/i18n"
+import { getLang } from "@/i18n/serverContext"
 import { isValidSession } from "@/utils/session"
 
 import HeaderLink from "../HeaderLink"
@@ -18,6 +20,7 @@ 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)
@@ -34,7 +37,7 @@ export default async function TopMenu() {
           <LanguageSwitcher type="desktopHeader" />
 
           <Caption type="regular" color="textMediumContrast" asChild>
-            <HeaderLink href="#" iconName={IconName.Search}>
+            <HeaderLink href={findMyBooking[lang]} iconName={IconName.Search}>
               {intl.formatMessage({ id: "Find booking" })}
             </HeaderLink>
           </Caption>