refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/index.tsx

@@ -3,12 +3,12 @@ import { FormProvider, useForm } 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 { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { trpc } from "@/lib/trpc/client"
 import { useRatesStore } from "@/stores/select-rate"
 
-import Divider from "@/components/TempDesignSystem/Divider"
 import { useRoomContext } from "@/contexts/SelectRate/Room"
 import useLang from "@/hooks/useLang"
 
@@ -75,7 +75,7 @@ export default function Form({ close }: { close: () => void }) {
       <form onSubmit={methods.handleSubmit(onSubmit)}>
         <Checkboxes />
         <div className={styles.footer}>
-          <Divider color="borderDividerSubtle" className={styles.divider} />
+          <Divider color="Border/Divider/Subtle" className={styles.divider} />
           <div className={styles.buttonContainer}>
             <Typography variant="Body/Supporting text (caption)/smBold">
               <Button variant="Tertiary" size="Small" type="submit">