feat(WEB-220): label translations

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

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