feat(WEB-162): final design for my profile page

components/TempDesignSystem/Text/Caption/caption.ts

@@ -4,7 +4,7 @@ import type { VariantProps } from "class-variance-authority"
 
 export interface CaptionProps
   extends Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">,
-    VariantProps<typeof captionVariants> {
+  VariantProps<typeof captionVariants> {
   asChild?: boolean
   fontOnly?: boolean
 }

components/TempDesignSystem/Text/Caption/index.tsx

@@ -15,13 +15,13 @@ export default function Caption({
   const Comp = asChild ? Slot : "p"
   const classNames = fontOnly
     ? fontOnlycaptionVariants({
-        className,
-        textTransform,
-      })
+      className,
+      textTransform,
+    })
     : captionVariants({
-        className,
-        color,
-        textTransform,
-      })
+      className,
+      color,
+      textTransform,
+    })
   return <Comp className={classNames} {...props} />
 }