refactor: move divider to design system

remove not used variants and duplicate colors

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

@@ -1,3 +1,4 @@
+import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
@@ -10,7 +11,6 @@ import ButtonLink from "@/components/ButtonLink"
 import CommunicationSlot from "@/components/MyPages/Profile/Communication"
 import CreditCardSlot from "@/components/MyPages/Profile/CreditCards"
 import Header from "@/components/Profile/Header"
-import Divider from "@/components/TempDesignSystem/Divider"
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
 import { isValidCountry } from "@/utils/countries"
@@ -178,7 +178,7 @@ export default async function Profile() {
 
       <ChangeNameDisclaimer />
 
-      <Divider color="burgundy" opacity={8} />
+      <Divider />
       <CreditCardSlot />
       {/* <MembershipCardSlot /> */}
       <CommunicationSlot />