refactor: move divider to design system

remove not used variants and duplicate colors

apps/scandic-web/components/MyPages/Sidebar/SidebarNavigationSkeleton.tsx

@@ -1,9 +1,9 @@
 import { Fragment } from "react"
 
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import SkeletonShimmer from "@/components/SkeletonShimmer"
-import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
 
 import styles from "./sidebar.module.css"
@@ -16,11 +16,11 @@ export default function SidebarNavigationSkeleton() {
         <Typography variant="Title/Subtitle/md">
           <SkeletonShimmer width="10ch" />
         </Typography>
-        <Divider color="beige" />
+        <Divider />
         <ul className={styles.list}>
           {skeletonWidths.map((width, index) => (
             <Fragment key={index}>
-              {index === 4 && <Divider color="beige" />}
+              {index === 4 && <Divider />}
               <li>
                 <Link href="" size="regular" variant="sidebar">
                   <SkeletonShimmer width={width} />