refactor: move divider to design system

remove not used variants and duplicate colors

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

@@ -1,3 +1,4 @@
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { logout } from "@/constants/routes/handleAuth"
@@ -5,7 +6,6 @@ import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 import { serverClient } from "@/lib/trpc/server"
 
 import { SASLevelUpgradeCheck } from "@/components/MyPages/SASLevelUpgradeCheck"
-import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
@@ -45,7 +45,7 @@ async function PrimaryLinks() {
 
   return (
     <>
-      <Divider color="beige" />
+      <Divider />
       <ul className={styles.list}>
         {nav?.primaryLinks.map((link) => (
           <li key={link.href}>
@@ -74,7 +74,7 @@ async function SecondaryLinks() {
 
   return (
     <>
-      <Divider color="beige" />
+      <Divider />
       <ul className={styles.list}>
         {nav?.secondaryLinks.map((link) => (
           <li key={link.href}>