feat(WEB-167): update my pages layout to MVP wireframes

components/MyPages/Blocks/Overview/Friend/index.tsx

@@ -0,0 +1,24 @@
+import Image from "@/components/Image"
+
+import styles from "./friend.module.css"
+
+import type { FriendProps } from "@/types/components/myPages/friend"
+
+export default function Friend({ user }: FriendProps) {
+  return (
+    <section className={styles.friend}>
+      <p className={styles.level}>Current level:</p>
+      <Image
+        alt="Good Friend"
+        className={styles.image}
+        height={70}
+        src="/good-friend.svg"
+        width={228}
+      />
+      <h3 className={styles.name}>{user.name}</h3>
+      <div className={styles.membershipContainer}>
+        <p className={styles.membershipId}>{user.membershipId}</p>
+      </div>
+    </section>
+  )
+}