fix: empty previous stays design

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

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