feat(BOOK-743): Replaced deprecated Button component

Approved-by: Bianca Widstam

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/index.tsx

@@ -2,8 +2,7 @@ import { useEffect } from "react"
 import { useIntl } from "react-intl"
 
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
+import { Button } from "@scandic-hotels/design-system/Button"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useSelectRateContext } from "../../../../../contexts/SelectRate/SelectRateContext"
@@ -122,23 +121,15 @@ export function MultiRoomWrapper({ children, isMultiRoom, roomIndex }: Props) {
           )}
           {selectedRate && isActiveRoom ? (
             <Button
-              intent="text"
-              onClick={() => {
-                setActiveRoom("deselect")
-              }}
-              size="medium"
-              theme="base"
-              variant="icon"
+              variant="Text"
+              onPress={() => setActiveRoom("deselect")}
+              size="md"
+              trailingIconName="keyboard_arrow_up"
             >
               {intl.formatMessage({
                 id: "common.close",
                 defaultMessage: "Close",
               })}
-              <MaterialIcon
-                icon="keyboard_arrow_up"
-                size={20}
-                color="CurrentColor"
-              />
             </Button>
           ) : null}
         </div>