Merged in feat/best-friend-hero (pull request #338)

Feat(SW-170): Update overview hero

Approved-by: Christel Westerberg

components/MyPages/Blocks/Overview/index.tsx

@@ -5,6 +5,7 @@ import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 import Divider from "@/components/TempDesignSystem/Divider"
 
+import Hero from "./Friend/Hero"
 import Friend from "./Friend"
 import Stats from "./Stats"
 
@@ -23,14 +24,15 @@ export default async function Overview({
   if (!user) {
     return null
   }
+
   return (
     <SectionContainer>
       <SectionHeader link={link} subtitle={subtitle} title={title} topTitle />
-      <section className={styles.overview}>
-        <Friend user={user} />
+      <Hero color="red">
+        <Friend user={user} color="burgundy" />
         <Divider className={styles.divider} color="peach" />
         <Stats user={user} lang={lang} />
-      </section>
+      </Hero>
       <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )