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

components/MyProfile/Profile/Container.tsx

@@ -2,6 +2,7 @@ import { cva } from "class-variance-authority"
 
 import Image from "@/components/Image"
 import Card from "@/components/MyProfile/Card"
+import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./profile.module.css"
 
@@ -24,7 +25,9 @@ export default function Container({
           src="/_static/icons/account_circle.svg"
           width={40}
         />
-        <Card.Title uppercase>{user.name}</Card.Title>
+        <Title as="h4" level="h2">
+          {user.name}
+        </Title>
       </header>
       {children}
     </Card>