feat(WEB-220): label translations

components/Loyalty/Blocks/DynamicContent/HowItWorks/index.tsx

@@ -1,13 +1,13 @@
-import { _ } from "@/lib/translation"
-
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
 
 import styles from "./howItWorks.module.css"
 
-export default function HowItWorks() {
+export default async function HowItWorks() {
+  const { formatMessage } = await getIntl()
   return (
     <section className={styles.container}>
-      <Title level="h3">{_("How it works Placeholder")}</Title>
+      <Title level="h3">{formatMessage({ id: "How it works" })}</Title>
     </section>
   )
 }