refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/Blocks/DynamicContent/Overview/Stats/index.tsx

@@ -1,4 +1,4 @@
-import Divider from "@/components/TempDesignSystem/Divider"
+import { Divider } from "@scandic-hotels/design-system/Divider"
 
 import ExpiringPoints from "./ExpiringPoints"
 import Points from "./Points"

apps/scandic-web/components/Blocks/DynamicContent/Overview/index.tsx

@@ -1,3 +1,5 @@
+import { Divider } from "@scandic-hotels/design-system/Divider"
+
 import { env } from "@/env/server"
 import { getProfile } from "@/lib/trpc/memoizedRequests"
 
@@ -6,7 +8,6 @@ import DigitalTeamMemberCardAlert from "@/components/MyPages/DigitalTeamMemberCa
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
-import Divider from "@/components/TempDesignSystem/Divider"
 
 import Hero from "./Friend/Hero"
 import MembershipNumber from "./Friend/MembershipNumber"

apps/scandic-web/components/Blocks/DynamicContent/Points/Overview/index.tsx

@@ -1,9 +1,10 @@
+import { Divider } from "@scandic-hotels/design-system/Divider"
+
 import { getProfile } from "@/lib/trpc/memoizedRequests"
 
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
-import Divider from "@/components/TempDesignSystem/Divider"
 
 import Friend from "../../Overview/Friend"
 import Hero from "../../Overview/Friend/Hero"

apps/scandic-web/components/Blocks/HotelListing/HotelListingItem/index.tsx

@@ -1,9 +1,9 @@
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import ButtonLink from "@/components/ButtonLink"
 import Image from "@/components/Image"
-import Divider from "@/components/TempDesignSystem/Divider"
 import { getIntl } from "@/i18n"
 import { getSingleDecimal } from "@/utils/numberFormatting"
 
@@ -47,7 +47,7 @@ export default async function HotelListingItem({
           <Typography variant="Body/Supporting text (caption)/smRegular">
             <div className={styles.captions}>
               <span>{hotel.address.streetAddress}</span>
-              <Divider variant="vertical" color="Border/Divider/Default" />
+              <Divider variant="vertical" />
               <span>
                 {intl.formatMessage(
                   {
@@ -71,8 +71,7 @@ export default async function HotelListingItem({
           <>
             <Divider
               className={styles.ctaDivider}
-              variant="horizontal"
-              color="borderDividerSubtle"
+              color="Border/Divider/Subtle"
             />
             <ButtonLink
               variant="Primary"