feat(WEB-250): overview hero final ui

components/MyPages/Blocks/Shortcuts/index.tsx

@@ -1,7 +1,7 @@
-import Link from "next/link"
-
 import Image from "@/components/Image"
-import Title from "@/components/Title"
+import Link from "@/components/TempDesignSystem/Link"
+
+import Header from "../Header"
 
 import styles from "./shortcuts.module.css"
 
@@ -9,23 +9,12 @@ import type { ShortcutsProps } from "@/types/components/myPages/myPage/shortcuts
 
 export default function Shortcuts({
   shortcuts,
-  title,
   subtitle,
+  title,
 }: ShortcutsProps) {
   return (
     <section className={styles.shortcuts}>
-      <header className={styles.header}>
-        <Title
-          as="h3"
-          level="h2"
-          weight={"medium"}
-          className={styles.title}
-          uppercase
-        >
-          {title}
-        </Title>
-        <p className={styles.subtitle}>{subtitle}</p>
-      </header>
+      <Header link={undefined} subtitle={subtitle} title={title} />
       <section className={styles.links}>
         {shortcuts.map((shortcut) => (
           <Link