fix: breakout header component to blocks header

components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx

@@ -3,6 +3,7 @@ import Link from "next/link"
 import { Lang } from "@/constants/languages"
 import { serverClient } from "@/lib/trpc/server"
 
+import Header from "@/components/MyPages/Blocks/Header"
 import CardGrid from "@/components/TempDesignSystem/CardGrid"
 import Title from "@/components/Title"
 
@@ -34,28 +35,10 @@ export default async function CurrentBenefitsBlock({
 
   return (
     <section className={styles.container}>
-      <header className={styles.header}>
-        {title && (
-          <Title
-            as="h3"
-            level="h2"
-            weight={"medium"}
-            className={styles.title}
-            uppercase
-          >
-            {title}
-          </Title>
-        )}
-        {link && (
-          <Link className={styles.link} href={link.href}>
-            {link.text}
-          </Link>
-        )}
-      </header>
-      {subtitle && <p className={styles.subtitle}>{subtitle}</p>}
+      <Header title={title} link={link} subtitle={subtitle} />
 
       <CardGrid>
-      {currentLevel.benefits.map((benefit, idx) => (
+        {currentLevel.benefits.map((benefit, idx) => (
           <Link
             href={benefit.href}
             key={`${currentLevel}-${idx}`}