feat(WEB-220): label translations

components/MyPages/Blocks/Points/CurrentPointsBalance/index.tsx

@@ -1,7 +1,7 @@
-import { _ } from "@/lib/translation"
 import { serverClient } from "@/lib/trpc/server"
 
 import Header from "@/components/MyPages/Blocks/Header"
+import { getIntl } from "@/i18n"
 
 import styles from "./currentPointsBalance.module.css"
 
@@ -14,17 +14,18 @@ async function CurrentPointsBalance({
   lang,
 }: AccountPageComponentProps) {
   const user = await serverClient().user.get()
+  const { formatMessage } = await getIntl()
   return (
     <div>
       <Header title={title} link={link} subtitle={subtitle} />
 
       <div className={styles.card}>
-        <h2>{`${_("Total points")}*`}</h2>
+        <h2>{`${formatMessage({ id: "Total points" })}*`}</h2>
         <p
           className={styles.points}
-        >{`${_("Points")}: ${user.membership?.currentPoints || "N/A"}`}</p>
+        >{`${formatMessage({ id: "Points" })}: ${user.membership?.currentPoints || "N/A"}`}</p>
         <p className={styles.disclaimer}>
-          {`*${_("Points may take up to 10 days to be displayed.")}`}
+          {`*${formatMessage({ id: "Points may take up to 10 days to be displayed." })}`}
         </p>
       </div>
     </div>