chore: add load more functionality, with refactored css

components/MyPages/Blocks/Stays/Previous/EmptyPreviousStays/emptyPreviousStays.module.css

@@ -0,0 +1,9 @@
+.container {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  min-height: 25rem;
+  background-color: var(--some-grey-color, #f2f2f2);
+  border-radius: 0.8rem;
+  max-width: var(--max-width);
+}

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

@@ -0,0 +1,15 @@
+import { _ } from "@/lib/translation"
+
+import Title from "@/components/MyPages/Title"
+
+import styles from "./emptyPreviousStays.module.css"
+
+export default function EmptyPreviousStaysBlock() {
+  return (
+    <section className={styles.container}>
+      <Title level="h3" as="h5" uppercase>
+        {_("You have no previous stays.")}{" "}
+      </Title>
+    </section>
+  )
+}