Styled Card - Copy this React, Mui Component to your project

edit comments with data { "status": 200, "message": "Get comments successful!", "data": [ { "id": 1, "content": "This is the first comment.", "uID": 2, "noteID": 1, "parentCommentID": null, "createdAt": "2024-09-15T10:30:00.000Z", "User": { "id": 2, "fullName": "Trần Văn A", "userName": "tranvana", "avatar": "http://localhost:1306/uploads/files/avatars/ava_tranvana.jpg" }, "replies": [ { "id": 2, "content": "This is a reply to the first comment.", "uID": 3, "noteID": 1, "parentCommentID": 1, "createdAt": "2024-09-15T10:35:00.000Z", "User": { "id": 3, "fullName": "Nguyễn Thị B", "userName": "nguyenthb", "avatar": "http://localhost:1306/uploads/files/avatars/ava_nguyenthb.jpg" } }, { "id": 3, "content": "Another reply to the first comment.", "uID": 4, "noteID": 1, "parentCommentID": 1, "createdAt": "2024-09-15T10:40:00.000Z", "User": { "id": 4, "fullName": "Phạm Văn C", "userName": "phamvanc", "avatar": "http://localhost:1306/uploads/files/avatars/ava_phamvanc.jpg" } } ] }, { "id": 4, "content": "This is another top-level comment.", "uID": 3, "noteID": 1, "parentCommentID": null, "createdAt": "2024-09-15T11:00:00.000Z", "User": { "id": 3, "fullName": "Nguyễn Thị B", "userName": "nguyenthb", "avatar": "http://localhost:1306/uploads/files/avatars/ava_nguyenthb.jpg" }, "replies": [ { "id": 5, "content": "Replying to the second top-level comment.", "uID": 2, "noteID": 1, "parentCommentID": 4, "createdAt": "2024-09-15T11:10:00.000Z", "User": { "id": 2, "fullName": "Trần Văn A", "userName": "tranvana", "avatar": "http://localhost:1306/uploads/files/avatars/ava_tranvana.jpg" } } ] } ] }