refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/HotelReservation/BookingConfirmation/Receipt/TotalPrice/index.tsx

@@ -2,13 +2,13 @@
 
 import { useIntl } from "react-intl"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
 import BookingCodeChip from "@/components/BookingCodeChip"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
-import Divider from "@/components/TempDesignSystem/Divider"
 
 import PriceDetails from "../../PriceDetails"
 
@@ -28,7 +28,7 @@ export default function TotalPrice() {
 
   return (
     <>
-      <Divider color="primaryLightSubtle" />
+      <Divider color="Border/Divider/Subtle" />
       <div className={styles.price}>
         <div className={styles.entry}>
           <Typography variant="Body/Paragraph/mdBold">

apps/scandic-web/components/HotelReservation/BookingConfirmation/index.tsx

@@ -1,5 +1,7 @@
 import { notFound } from "next/navigation"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
+
 import { getBookingConfirmation } from "@/lib/trpc/memoizedRequests"
 
 import HotelDetails from "@/components/HotelReservation/BookingConfirmation/HotelDetails"
@@ -9,7 +11,6 @@ import Receipt from "@/components/HotelReservation/BookingConfirmation/Receipt"
 import Rooms from "@/components/HotelReservation/BookingConfirmation/Rooms"
 import SidePanel from "@/components/HotelReservation/SidePanel"
 import Alert from "@/components/TempDesignSystem/Alert"
-import Divider from "@/components/TempDesignSystem/Divider"
 import { getIntl } from "@/i18n"
 import BookingConfirmationProvider from "@/providers/BookingConfirmationProvider"
 
@@ -74,7 +75,7 @@ export default async function BookingConfirmation({
             mainRoom={room}
           />
           <PaymentDetails />
-          <Divider color="primaryLightSubtle" />
+          <Divider color="Border/Divider/Subtle" />
           <HotelDetails hotel={hotel} />
           {hotel.specialAlerts.map((alert) => (
             <div key={alert.id}>