refactor: move divider to design system

remove not used variants and duplicate colors

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"