feat(BOOK-743): Replaced deprecated Button component

Approved-by: Bianca Widstam

apps/scandic-web/components/DatePicker/Single/Mobile.tsx

@@ -4,7 +4,7 @@ import { useIntl } from "react-intl"
 
 import { Lang } from "@scandic-hotels/common/constants/language"
 import { dt } from "@scandic-hotels/common/dt"
-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 useLang from "@/hooks/useLang"
@@ -93,21 +93,11 @@ export default function DatePickerSingleMobile({
         }}
       />
       <footer className={styles.footer}>
-        <Button
-          className={styles.button}
-          intent="tertiary"
-          onPress={close}
-          size="large"
-          theme="base"
-        >
-          <Typography variant="Body/Paragraph/mdBold">
-            <span>
-              {intl.formatMessage({
-                id: "datePicker.selectDates",
-                defaultMessage: "Select dates",
-              })}
-            </span>
-          </Typography>
+        <Button variant="Tertiary" onPress={close} size="lg" fullWidth>
+          {intl.formatMessage({
+            id: "datePicker.selectDates",
+            defaultMessage: "Select dates",
+          })}
         </Button>
       </footer>
     </div>

apps/scandic-web/components/DatePicker/Single/mobile.module.css

@@ -86,13 +86,6 @@ div.months {
   z-index: 10;
 }
 
-.footer .button {
-  width: 100%;
-  span {
-    color: white;
-  }
-}
-
 td.day,
 td.rangeEnd,
 td.rangeStart {