feat: implement new design for button

app/[lang]/(live)/(protected)/my-pages/layout.module.css

@@ -1,7 +1,7 @@
 .layout {
   --header-height: 4.5rem;
 
-  background-color: var(--Brand-Coffee-Subtle);
+  background-color: var(--Scandic-Brand-Warm-White);
   display: grid;
   font-family: var(--ff-fira-sans);
   grid-template-rows: var(--header-height) auto 1fr;

app/[lang]/(live)/(protected)/my-pages/profile/@edit/edit/page.tsx

@@ -16,7 +16,6 @@ export default function EditProfile({ params }: PageArgs<LangParams>) {
       <Button
         aria-label="Cancel"
         asChild
-        bgcolor="white"
         form="edit-profile"
         size="small"
         type="reset"
@@ -24,12 +23,10 @@ export default function EditProfile({ params }: PageArgs<LangParams>) {
         <Link href={profile[params.lang]}>{_("Cancel")}</Link>
       </Button>
       <Button
-        bgcolor="quarternary"
         disabled={!isValid || isPending}
         form="edit-profile"
         size="small"
         type="submit"
-        weight="regular"
       >
         {_("Save")}
       </Button>

app/[lang]/(live)/(protected)/my-pages/profile/@view/page.tsx

@@ -8,7 +8,7 @@ import type { LangParams, PageArgs } from "@/types/params"
 
 export default function ProfileView({ params }: PageArgs<LangParams>) {
   return (
-    <Button asChild bgcolor="quarternary" size="small" weight="regular">
+    <Button asChild size="small">
       <Link href={profileEdit[params.lang]}>{_("Edit")}</Link>
     </Button>
   )

app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css

@@ -1,5 +1,5 @@
 .layout {
   display: grid;
   font-family: var(--ff-fira-sans);
-  background-color: var(--Brand-Coffee-Subtle);
+  background-color: var(--Scandic-Brand-Warm-White);
 }