feat(WEB-220): label translations

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

@@ -1,4 +1,4 @@
-import { _ } from "@/lib/translation"
+import { useIntl } from "react-intl"
 
 import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
@@ -7,18 +7,19 @@ import Title from "@/components/TempDesignSystem/Text/Title"
 import styles from "./emptyUpcomingStays.module.css"
 
 export default function EmptyUpcomingStaysBlock() {
+  const { formatMessage } = useIntl()
   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>

components/MyPages/Blocks/Stays/Upcoming/index.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import { _ } from "@/lib/translation"
 import { trpc } from "@/lib/trpc/client"
 
 import LoadingSpinner from "@/components/LoadingSpinner"