Merged in fix/book-149-datepicker-overflowing (pull request #3433)

Fix/optimizations and cleanup of booking widget

* fix(BOOK-149):fixed issue with datepicker overflowing on months spanning more weeks

* fix(BOOK-149): added smooth scroll to age selector to avoid clipping the selector

* cleanup in trigger and css

* update to new Button componenet to fix missing focus indicator

* included color token in triggerbutton class instead


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/GuestsRoom/index.tsx

@@ -1,8 +1,8 @@
 import { useIntl } from "react-intl"
 
+import { Button } from "@scandic-hotels/design-system/Button"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { ChildBedMapEnum } from "@scandic-hotels/trpc/enums/childBedMapEnum"
 
@@ -52,13 +52,12 @@ export function GuestsRoom({
         />
         {index !== 0 && (
           <Button
-            intent="text"
-            variant="icon"
-            wrapping
-            theme="secondaryLight"
+            variant="Text"
             onPress={() => onRemove(index)}
-            size="small"
+            size="sm"
+            color="Primary"
             className={styles.roomActionsButton}
+            wrapping
           >
             <MaterialIcon icon="delete" color="CurrentColor" />
             {intl.formatMessage({