check responsive & page dashboard user account & turns & transactions & comments

components/dashboard/userAccount/tabs/comments/Comment.js

@@ -0,0 +1,22 @@
+import Image from "next/image"
+
+function Comment({ data }) {
+    return (
+        <li
+            className="flex flex-col gap-[8px] w-full"
+        >
+            <div className="flex items-start justify-between w-full">
+                <div className="flex items-center justify-start gap-[16px]">
+                    <Image
+                        src={data.profile}
+                        alt="profile"
+                        height={87}
+                        width={87}
+                    />
+                </div>
+            </div>
+        </li>
+    )
+}
+
+export default Comment

components/dashboard/userAccount/tabs/comments/index.js

@@ -0,0 +1,16 @@
+import Comment from "./Comment"
+
+function Comments({ user }) {
+    return (
+        <ul className="flex flex-col items-start justify-start">
+            {user.comments.map((item, idx) => (
+                <Comment
+                    key={idx}
+                    data={item}
+                />
+            ))}
+        </ul>
+    )
+}
+
+export default Comments