refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx

@@ -2,12 +2,13 @@
 
 import { useIntl } from "react-intl"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
+
 import { logout } from "@/constants/routes/handleAuth"
 import { trpc } from "@/lib/trpc/client"
 import useDropdownStore from "@/stores/main-menu"
 
 import SkeletonShimmer from "@/components/SkeletonShimmer"
-import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import useLang from "@/hooks/useLang"
@@ -50,7 +51,7 @@ function List({ children }: { children: ReactNode }) {
   return (
     <>
       <div className={styles.dividerWrapper}>
-        <Divider color="subtle" />
+        <Divider />
       </div>
       <ul className={styles.dropdownWrapper}>
         <ul className={styles.dropdownLinks}>{children}</ul>