refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/OpeningHours/AlternateOpeningHours/index.tsx

@@ -2,10 +2,9 @@
 
 import { useIntl } from "react-intl"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import Divider from "@/components/TempDesignSystem/Divider"
-
 import { getGroupedOpeningHours } from "../utils"
 
 import styles from "../openingHours.module.css"
@@ -35,7 +34,7 @@ export default function AlternateOpeningHours({
 
   return (
     <>
-      <Divider color="Border/Divider/Default" />
+      <Divider />
       <Typography variant="Body/Paragraph/mdBold">
         <h5 className={styles.heading}>
           {intl.formatMessage(

apps/scandic-web/components/OpeningHours/index.tsx

@@ -2,9 +2,9 @@
 
 import { useIntl } from "react-intl"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import Divider from "../TempDesignSystem/Divider"
 import AlternateOpeningHours from "./AlternateOpeningHours"
 import { getGroupedOpeningHours } from "./utils"
 
@@ -31,7 +31,7 @@ export default function OpeningHours({
       <Typography variant="Title/Overline/sm">
         <h5 className={styles.heading}>{heading ?? openingHours.name}</h5>
       </Typography>
-      <Divider color="Border/Divider/Default" />
+      <Divider />
 
       <Typography variant="Body/Paragraph/mdRegular">
         <div className={styles.text}>