feat(SW-865): link to booking without validation

components/HotelReservation/BookingConfirmation/Header/Actions/ManageBooking.tsx

@@ -1,15 +1,40 @@
 "use client"
 import { useIntl } from "react-intl"
 
+import { myBooking } from "@/constants/myBooking"
+import { env } from "@/env/client"
+
 import { EditIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
+import Link from "@/components/TempDesignSystem/Link"
+import useLang from "@/hooks/useLang"
 
-export default function ManageBooking() {
+import type { ManageBookingProps } from "@/types/components/hotelReservation/bookingConfirmation/actions/manageBooking"
+
+export default function ManageBooking({
+  confirmationNumber,
+  lastName,
+}: ManageBookingProps) {
   const intl = useIntl()
+  const lang = useLang()
+  const myBookingUrl = myBooking[env.NEXT_PUBLIC_NODE_ENV][lang]
   return (
-    <Button intent="text" size="small" theme="base" variant="icon" wrapping>
-      <EditIcon />
-      {intl.formatMessage({ id: "Manage booking" })}
+    <Button
+      asChild
+      intent="text"
+      size="small"
+      theme="base"
+      variant="icon"
+      wrapping
+    >
+      <Link
+        color="none"
+        href={`${myBookingUrl}?bookingId=${confirmationNumber}&lastName=${lastName}`}
+        weight="bold"
+      >
+        <EditIcon />
+        {intl.formatMessage({ id: "Manage booking" })}
+      </Link>
     </Button>
   )
 }