feat(BOOK-743): Replaced deprecated Button component

Approved-by: Bianca Widstam

packages/booking-flow/lib/components/ListingHotelCardDialog/index.tsx

@@ -5,13 +5,12 @@ import { useIntl } from "react-intl"
 
 import { selectRate } from "@scandic-hotels/common/constants/routes/hotelReservation"
 import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
+import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import { FacilityToIcon } from "@scandic-hotels/design-system/FacilityToIcon"
 import { HotelCardDialogImage } from "@scandic-hotels/design-system/HotelCard/HotelCardDialogImage"
 import { HotelPointsRow } from "@scandic-hotels/design-system/HotelCard/HotelPointsRow"
 import { NoPriceAvailableCard } from "@scandic-hotels/design-system/HotelCard/NoPriceAvailableCard"
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
-import Link from "@scandic-hotels/design-system/OldDSLink"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useIsLoggedIn } from "../../hooks/useIsLoggedIn"
@@ -233,23 +232,17 @@ export default function ListingHotelCardDialog({
                 </Typography>
               </div>
             ) : (
-              <Button
-                asChild
-                theme="base"
-                size="small"
+              <ButtonLink
+                variant="Primary"
+                size="sm"
                 className={styles.button}
+                href={`${selectRate(lang)}?hotel=${operaId}`}
               >
-                <Link
-                  href={`${selectRate(lang)}?hotel=${operaId}`}
-                  color="none"
-                  keepSearchParams
-                >
-                  {intl.formatMessage({
-                    id: "common.seeRooms",
-                    defaultMessage: "See rooms",
-                  })}
-                </Link>
-              </Button>
+                {intl.formatMessage({
+                  id: "common.seeRooms",
+                  defaultMessage: "See rooms",
+                })}
+              </ButtonLink>
             )}
           </div>
         ) : (