feat(WEB-170): edit profile view

app/[lang]/(live)/(protected)/my-pages/profile/layout.tsx

@@ -1,16 +1,33 @@
-type ProfileLayoutProps = React.PropsWithChildren<{
-  edit: React.ReactNode
-  verifyCode: React.ReactNode
-  view: React.ReactNode
-}>
+import MaxWidth from "@/components/MaxWidth"
 
-export default function ProfileLayout({ children, edit, verifyCode, view }: ProfileLayoutProps) {
+import styles from "./layout.module.css"
+
+import type { ProfileLayoutProps } from "@/types/components/myPages/myProfile/layout"
+
+export default function ProfileLayout({
+  communication,
+  creditCards,
+  edit,
+  membershipCard,
+  password,
+  profile,
+  view,
+  wishes,
+}: React.PropsWithChildren<ProfileLayoutProps>) {
   return (
-    <>
-      {edit}
-      {view}
-      {children}
-      {verifyCode}
-    </>
+    <MaxWidth className={styles.page} tag="main">
+      <div className={styles.btns}>
+        {edit}
+        {view}
+      </div>
+      {profile}
+      <section className={styles.cards}>
+        {communication}
+        {wishes}
+        {membershipCard}
+        {creditCards}
+        {password}
+      </section>
+    </MaxWidth>
   )
 }