feat(WEB-249): first iteration design system primitives (typography, grid)

components/MyProfile/CommunicationPreferences/index.tsx

@@ -1,11 +1,12 @@
 import Card from "@/components/MyProfile/Card"
+import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./com.module.css"
 
 export default function CommunicationPreferences() {
   return (
     <Card className={styles.container}>
-      <Card.Title level="h2" uppercase>My communication preferences</Card.Title>
+      <Title level="h2">My communication preferences</Title>
     </Card>
   )
 }