feat: use grid on no upcoming component

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

@@ -14,13 +14,14 @@ export default async function EmptyUpcomingStaysBlock({ lang }: LangParams) {
   const { formatMessage } = await getIntl()
   return (
     <section className={styles.container}>
-      <Title as="h5" level="h3" color="red">
-        {formatMessage({ id: "You have no upcoming stays." })}
-        <span className={styles.burgundyTitle}>
-          {" "}
-          {formatMessage({ id: "Where should you go next?" })}
-        </span>
-      </Title>
+      <div className={styles.titleContainer}>
+        <Title as="h5" level="h3" color="red" className={styles.title}>
+          {formatMessage({ id: "You have no upcoming stays." })}
+          <span className={styles.burgundyTitle}>
+            {formatMessage({ id: "Where should you go next?" })}
+          </span>
+        </Title>
+      </div>
       <Link
         href={homeHrefs[env.NODE_ENV][lang]}
         className={styles.link}