fix: make contentKey type safe

components/ContentType/HotelPage/AmenitiesList/index.tsx

@@ -3,6 +3,7 @@ import { ChevronRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import SidePeekContainer from "@/components/TempDesignSystem/SidePeek/Container"
 import SidePeekContent from "@/components/TempDesignSystem/SidePeek/Content"
+import { generateSidePeekLink } from "@/components/TempDesignSystem/SidePeek/data"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { getIntl } from "@/i18n"
@@ -17,6 +18,7 @@ export default async function AmenitiesList({
   detailedFacilities: HotelData["data"]["attributes"]["detailedFacilities"]
 }) {
   const { formatMessage } = await getIntl()
+  const sidePeekLink = generateSidePeekLink("amenities")
   const sortedAmenities = detailedFacilities
     .sort((a, b) => b.sortOrder - a.sortOrder)
     .slice(0, 5)
@@ -36,12 +38,7 @@ export default async function AmenitiesList({
           )
         })}
       </div>
-      <Link
-        scroll={false}
-        href={"?sidepeek=amenities"}
-        color="burgundy"
-        variant="icon"
-      >
+      <Link scroll={false} href={sidePeekLink} color="burgundy" variant="icon">
         {formatMessage({ id: "Show all amenities" })}
         <ChevronRightIcon />
       </Link>