feat(WEB-220): label translations

components/MyPages/Blocks/Overview/Stats/Points/index.tsx

@@ -1,4 +1,5 @@
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
 
 import Label from "../Label"
 
@@ -6,17 +7,18 @@ import styles from "./totalPoints.module.css"
 
 import type { UserProps } from "@/types/components/myPages/user"
 
-export default function Points({ user }: UserProps) {
+export default async function Points({ user }: UserProps) {
+  const { formatMessage } = await getIntl()
   return (
     <section className={styles.points}>
       <article>
-        <Label>Total Points</Label>
+        <Label>{formatMessage({ id: "Total Points" })}</Label>
         <Title color="pale" level="h2">
           {user.membership ? user.membership.currentPoints : "N/A"}
         </Title>
       </article>
       <article>
-        <Label>Points until next level</Label>
+        <Label>{formatMessage({ id: "Points until next level" })}</Label>
         <Title color="pale" level="h2">
           {user.membership ? user.membership.currentPoints : "N/A"}
         </Title>