refactor: break out Section container

components/MyPages/Blocks/Overview/index.tsx

@@ -1,6 +1,7 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import Header from "@/components/SectionHeader"
+import SectionContainer from "@/components/Section/Container"
+import Header from "@/components/Section/Header"
 import Divider from "@/components/TempDesignSystem/Divider"
 
 import Friend from "./Friend"
@@ -22,13 +23,13 @@ export default async function Overview({
     return null
   }
   return (
-    <section className={styles.container}>
+    <SectionContainer>
       <Header link={link} subtitle={subtitle} title={title} topTitle />
       <section className={styles.overview}>
         <Friend user={user} />
         <Divider className={styles.divider} />
         <Stats user={user} lang={lang} />
       </section>
-    </section>
+    </SectionContainer>
   )
 }

components/MyPages/Blocks/Overview/overview.module.css

@@ -1,8 +1,3 @@
-.container {
-  display: grid;
-  gap: var(--Spacing-x7);
-}
-
 .overview {
   background-color: var(--Scandic-Brand-Scandic-Red);
   border-radius: var(--Corner-radius-xLarge);