fix: breakout header component to blocks header

components/MyPages/Blocks/Stays/Header/header.module.css

@@ -1,20 +0,0 @@
-.header {
-  display: grid;
-  grid-template-areas:
-    "title link"
-    "subtitle subtitle";
-  grid-template-columns: 1fr max-content;
-  gap: 1.5rem;
-}
-
-.title {
-  grid-area: title;
-}
-
-.link {
-  grid-area: link;
-}
-
-.subtitle {
-  grid-area: subtitle;
-}

components/MyPages/Blocks/Stays/Header/index.tsx

@@ -1,37 +0,0 @@
-import Link from "next/link"
-
-import Title from "@/components/Title"
-
-import styles from "./header.module.css"
-
-import type { HeaderProps } from "@/types/components/myPages/stays/title"
-
-export default function Header({ title, subtitle, link }: HeaderProps) {
-  return (
-    <>
-      <header className={styles.header}>
-        {title && (
-          <Title
-            as="h3"
-            level="h2"
-            className={styles.title}
-            weight="medium"
-            uppercase
-          >
-            {title}
-          </Title>
-        )}
-        {link && (
-          <Link className={styles.link} href={link.href}>
-            {link.text}
-          </Link>
-        )}
-        {subtitle && (
-          <Title as="h5" weight="regular" className={styles.subtitle}>
-            {subtitle}
-          </Title>
-        )}
-      </header>
-    </>
-  )
-}

components/MyPages/Blocks/Stays/Previous/index.tsx

@@ -6,8 +6,8 @@ import { trpc } from "@/lib/trpc/client"
 import LoadingSpinner from "@/components/LoadingSpinner"
 import CardGrid from "@/components/TempDesignSystem/CardGrid"
 
+import Header from "../../Header"
 import Container from "../Container"
-import Header from "../Header"
 import ListContainer from "../ListContainer"
 import ShowMoreButton from "../ShowMoreButton"
 import StayCard from "../StayCard"

components/MyPages/Blocks/Stays/Soonest/index.tsx

@@ -3,7 +3,7 @@ import { serverClient } from "@/lib/trpc/server"
 import MaxWidth from "@/components/MaxWidth"
 import CardGrid from "@/components/TempDesignSystem/CardGrid"
 
-import Header from "../Header"
+import Header from "../../Header"
 import StayCard from "../StayCard"
 import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 

components/MyPages/Blocks/Stays/Upcoming/index.tsx

@@ -6,8 +6,8 @@ import { trpc } from "@/lib/trpc/client"
 import LoadingSpinner from "@/components/LoadingSpinner"
 import CardGrid from "@/components/TempDesignSystem/CardGrid"
 
+import Header from "../../Header"
 import Container from "../Container"
-import Header from "../Header"
 import ListContainer from "../ListContainer"
 import ShowMoreButton from "../ShowMoreButton"
 import StayCard from "../StayCard"