refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/index.tsx

@@ -5,6 +5,7 @@ import { useFormContext } from "react-hook-form"
 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 { Typography } from "@scandic-hotels/design-system/Typography"
 
@@ -13,7 +14,6 @@ import { PaymentMethodEnum } from "@/constants/booking"
 import MySavedCards from "@/components/HotelReservation/MySavedCards"
 import PaymentOption from "@/components/HotelReservation/PaymentOption"
 import Modal from "@/components/Modal"
-import Divider from "@/components/TempDesignSystem/Divider"
 import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
 
 import PaymentOptionsGroup from "../Payment/PaymentOptionsGroup"
@@ -102,7 +102,7 @@ export default function ConfirmBooking({
             </div>
           </Modal>
         </div>
-        <Divider color="subtle" />
+        <Divider />
         <Typography variant="Body/Supporting text (caption)/smRegular">
           <p>
             {intl.formatMessage({