refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx

@@ -3,12 +3,12 @@
 import FocusLock from "react-focus-lock"
 import { useIntl } from "react-intl"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { logout } from "@/constants/routes/handleAuth"
 import { trpc } from "@/lib/trpc/client"
 
-import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
@@ -71,11 +71,11 @@ export default function MyPagesMenuContent({
 
         <ul className={styles.groups}>
           <li>
-            <Divider color="subtle" className={styles.divider} />
+            <Divider className={styles.divider} />
 
             <PrimaryLinks toggleOpenStateFn={toggleOpenStateFn} />
 
-            <Divider color="subtle" className={styles.divider} />
+            <Divider className={styles.divider} />
             <SecondaryLinks toggleOpenStateFn={toggleOpenStateFn} />
           </li>
         </ul>