feat(SW-66, SW-348): search functionality and ui

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

@@ -0,0 +1,10 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--Scandic-Brand-Pale-Peach);
+  border-radius: var(--Corner-radius-Medium);
+  margin-bottom: var(--Spacing-x-half);
+  height: 200px;
+}

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

@@ -0,0 +1,17 @@
+import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
+
+import styles from "./emptyPreviousStays.module.css"
+
+export default async function EmptyPreviousStaysBlock() {
+  const { formatMessage } = await getIntl()
+  return (
+    <section className={styles.container}>
+      <Title as="h5" level="h3" color="red" textAlign="center">
+        {formatMessage({
+          id: "You have no previous stays.",
+        })}
+      </Title>
+    </section>
+  )
+}