chore: add load more functionality, with refactored css

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

@@ -0,0 +1,27 @@
+import Link from "next/link"
+
+import { _ } from "@/lib/translation"
+
+import Title from "@/components/MyPages/Title"
+import Button from "@/components/TempDesignSystem/Button"
+
+import styles from "./emptyUpcomingStays.module.css"
+
+export default function EmptyUpcomingStaysBlock() {
+  return (
+    <section className={styles.container}>
+      <Title level="h3" as="h5" uppercase>
+        {_(" You have no upcoming stays.")}
+        <span className={styles.grayTitle}>
+          {" "}
+          {_("Where should you go next?")}
+        </span>
+      </Title>
+      <Button intent={"primary"} bgcolor={"quarternary"} asChild type="button">
+        <Link className={styles.link} href={"#"} key={"getInspired"}>
+          {_("Get inspired")}
+        </Link>
+      </Button>
+    </section>
+  )
+}