feat(WEB-220): label translations

components/Loyalty/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx

@@ -1,4 +1,3 @@
-import { Lang } from "@/constants/languages"
 import { serverClient } from "@/lib/trpc/server"
 
 import { getValueFromContactConfig } from "@/utils/contactConfig"

components/Loyalty/Sidebar/JoinLoyalty/Contact/index.tsx

@@ -1,6 +1,5 @@
-import { _ } from "@/lib/translation"
-
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
 
 import ContactRow from "./ContactRow"
 
@@ -10,9 +9,10 @@ import { JoinLoyaltyContactTypenameEnum } from "@/types/components/loyalty/enums
 import type { ContactProps } from "@/types/components/loyalty/sidebar"
 
 export default async function Contact({ contactBlock }: ContactProps) {
+  const { formatMessage } = await getIntl()
   return (
     <div className={styles.contactContainer}>
-      <Title level="h5">{_("Contact us")}</Title>
+      <Title level="h5">{formatMessage({ id: "Contact us" })}</Title>
       <section>
         {contactBlock.map(({ contact, __typename }, i) => {
           switch (__typename) {