feat(WEB-220): label translations

components/MyProfile/CommunicationPreferences/index.tsx

@@ -1,12 +1,16 @@
 import Card from "@/components/MyProfile/Card"
 import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
 
 import styles from "./com.module.css"
 
-export default function CommunicationPreferences() {
+export default async function CommunicationPreferences() {
+  const { formatMessage } = await getIntl()
   return (
     <Card className={styles.container}>
-      <Title level="h2">My communication preferences</Title>
+      <Title level="h4">
+        {formatMessage({ id: "My communication preferences" })}
+      </Title>
     </Card>
   )
 }