Blog Detail Page - Copy this React, Tailwind Component to your project

Hãy viết trang blogs detail có các : tiêu đề , nội dung mở , nội dung của blog , ngày đăng , người đăng, loại blog, view , chia sẻ qua zalo or facebook, tất cả hình ảnh của blogs, và đặt biệt là có chức năng comment (có hiển thị thời gian comment. Thông qua 2 api sau{ "code": 1000, "result": { "id": "0159d6c7 973f 5e7a a9a0 d195d0ea6fe2", "title": "HAPPY VALENTINE’S DAY: KHÔNG GIAN TÌNH YÊU BAO PHỦ XỨ SỞ DIỆU KỲ", "body": "Khởi đầu một mùa xuân mới, cũng là lúc mùa Valentine gõ cửa, khung cảnh trên Ngũ Hành cũng vì thế mà ngập tràn tình yêu và sức sống. Một lời tỏ tình được cất lên, một câu yêu thương được nhắn gửi, một cái chạm nhẽ tay nắm tay, không gian như được tô điểm thêm đầy lãng mạn, ngọt ngào xen giữa những đóa hồng rosa rực rỡ và âm nhạc xao xuyến nơi trái tim.", "contentOpen": " “Love is in the air” – Tình yêu ở quanh ta, luôn hiện hữu, tựa như một điệu Valse xoay vòng dưới ánh bình mình, trong trẻo, ngọt ngào, quyện hòa và thăng hoa.", "dateTimeEdit": "2023 02 13T17:00:00.000+00:00", "status": "1", "blogType": { "id": "b04965e6 a9bb 591f 8f8a 1adcb2c8dc39", "name": "Tin Nổi Bật" }, "user": { "id": "090362e1 ef25 4b9b a804 49dc66cf8739", "username": "manager", "email": "manager", "password": "$2a$10$usCm/r2K/NsqRSuWmy87e.kqzXlIZwZI8fIqCQpD6ornvimWSDCHi", "phoneNumber": null, "dob": null, "gender": null, "avatar": null, "nation": null, "customerType": null, "status": "Đang hoạt động", "roles": [ { "name": "MANAGER", "description": "MANAGER" }, { "name": "EMPLOYEE", "description": "EMPLOYEE" }, { "name": "CUSTOMER", "description": "CUSTOMER" }, { "name": "EMPLOYER", "description": "EMPLOYER" } ] } } }{ "code": 1000, "result": { "id": "0159d6c7 973f 5e7a a9a0 d195d0ea6fe2", "image": "blogImage2.jpg" } }có thể có nhiều ảnh trong 1 blog, ảnh đầu tiên , sau đó đến nội dung mở , tiếp theo đến các ảnh còn lại rồi đến nội dung chỉnh body