feat(WEB-250): overview hero final ui

components/MyPages/Blocks/Overview/index.tsx

@@ -1,28 +1,27 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import Title from "@/components/Title"
+import Divider from "@/components/TempDesignSystem/Divider"
 
+import Header from "../Header"
 import Friend from "./Friend"
 import Stats from "./Stats"
 
 import styles from "./overview.module.css"
 
-import type { OverviewProps } from "@/types/components/myPages/myPage/overview"
+import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
-export default async function Overview({ title }: OverviewProps) {
+export default async function Overview({
+  link,
+  subtitle,
+  title,
+}: AccountPageComponentProps) {
   const user = await serverClient().user.get()
-
   return (
     <section className={styles.container}>
-      <header>
-        {title && (
-          <Title as="h3" level="h2" uppercase className={styles.title}>
-            {title}
-          </Title>
-        )}
-      </header>
+      <Header link={link} subtitle={subtitle} title={title} topTitle />
       <section className={styles.overview}>
         <Friend user={user} />
+        <Divider className={styles.divider} />
         <Stats user={user} />
       </section>
     </section>