Q a Component - Copy this React, Tailwind Component to your project

Make the ui to display Q&A pairs with the json data below. My expected have (question id, content, answer content, question public, answer public) and the button delete answer { "id": 128, "content": "this is my question and answer test 8", "is_public": true, "is_upload": true, "created_at": "2024 09 20T06:16:20.468Z", "updated_at": "2024 09 20T06:16:20.468Z", "answers": [ { "id": 191, "content": "this is my question and answer test 8", "is_correct": false, "is_final": false, "page_number": null, "path": null }, { "id": 194, "content": "test", "is_correct": true, "is_final": false, "page_number": null, "path": null }, { "id": 195, "content": "demo", "is_correct": true, "is_final": false, "page_number": null, "path": null } ], "user": { "id": 2 }, "categories": [ { "id": 17, "name": "資本政策", "type": "Theme" } ] }