feat(WEB-170): edit profile view

components/MyProfile/Profile/Container.tsx

@@ -0,0 +1,32 @@
+import { cva } from "class-variance-authority"
+
+import Card from "@/components/MyProfile/Card"
+import Image from "@/components/Image"
+
+import styles from "./profile.module.css"
+
+import type { ProfileProps } from "@/types/components/myPages/myProfile/profile"
+
+const profileStyles = cva(styles.profile)
+
+export default function Container({
+  children,
+  className,
+  user,
+  ...props
+}: ProfileProps) {
+  return (
+    <Card className={profileStyles({ className })} {...props}>
+      <header className={styles.header}>
+        <Image
+          alt="Account Icon"
+          height={40}
+          src="/account_circle.svg"
+          width={40}
+        />
+        <Card.Title uppercase>{user.name}</Card.Title>
+      </header>
+      {children}
+    </Card>
+  )
+}