feat(SW-1347): SidePeekProvider is now using '#s-' instead of '?s='

components/ContentType/HotelPage/AmenitiesList/index.tsx

@@ -43,7 +43,7 @@ export default async function AmenitiesList({
       </div>
       <Link
         scroll={false}
-        href={`?s=${amenities[lang]}`}
+        href={`#s-${amenities[lang]}`}
         color="burgundy"
         variant="icon"
         className={styles.showAllAmenities}

components/ContentType/HotelPage/Facilities/CardGrid/ActivitiesCardGrid.tsx

@@ -20,7 +20,7 @@ export default function ActivitiesCardGrid(activitiesCard: ActivityCard) {
     theme: hasImage ? "image" : "primaryDark",
     primaryButton: hasImage
       ? {
-          href: `?s=${activities[lang]}`,
+          href: `#s-${activities[lang]}`,
           title: activitiesCard.ctaText,
           isExternal: false,
           scrollOnClick: false,
@@ -29,7 +29,7 @@ export default function ActivitiesCardGrid(activitiesCard: ActivityCard) {
     secondaryButton: hasImage
       ? undefined
       : {
-          href: `?s=${activities[lang]}`,
+          href: `#s-${activities[lang]}`,
           title: activitiesCard.ctaText,
           isExternal: false,
           scrollOnClick: false,

components/ContentType/HotelPage/IntroSection/index.tsx

@@ -72,7 +72,7 @@ export default async function IntroSection({
           className={styles.introLink}
           color="burgundy"
           variant="icon"
-          href={`?s=${about[lang]}`}
+          href={`#s-${about[lang]}`}
           scroll={false}
         >
           {intl.formatMessage({ id: "Read more about the hotel" })}

components/ContentType/HotelPage/Rooms/RoomCard/index.tsx

@@ -55,7 +55,7 @@ export function RoomCard({ room }: RoomCardProps) {
           </Body>
         </div>
         <Button intent="text" type="button" size="medium" theme="base" asChild>
-          <Link scroll={false} href={`?s=${getRoomNameAsParam(name)}`}>
+          <Link scroll={false} href={`#s-${getRoomNameAsParam(name)}`}>
             {intl.formatMessage({ id: "See room details" })}
             <ChevronRightSmallIcon color="burgundy" width={20} height={20} />
           </Link>