Candidate Interview Detail - Copy this React, Tailwind Component to your project

Create-a-responsive-candidate-interview-detail-page-using-React.js-and-pure-CSS.-The-page-should-be-divided-into-two-horizontal-sections:-Left-Section-and-Right-Section.-Left-Section-The-left-section-should-contain-three-vertical-boxes:-First-Box-(Candidate-Information):-A-candidate's-image,-name,-email,-and-phone-number-displayed-vertically.-Two-buttons-below-this-information:-Discard-(red-button).-Shortlist-(green-button).-At-the-bottom-of-this-box,-include-a-Share-Candidate-button.-Second-Box-(Reviews):-A-text-heading:-"Your-Review".-Five-star-icons-(for-star-ratings)-displayed-horizontally-below-the-text.-A-textarea-below-the-stars-for-writing-a-review.-Third-Box-(Team-Reviews):-A-text-heading:-"Team-Reviews".-A-subtext:-"No-team-reviews-yet"-displayed-below-the-heading.-Right-Section-The-right-section-should-contain-two-vertical-boxes:-First-Box-(Question-Navigation):-Two-buttons:-Previous-Answer-(on-the-left).-Next-Answer-(on-the-right).-Between-these-buttons,-add-a-box-containing:-A-text:-"Question-1-of-8".-A-subtext:-"Your-Detailed-Introduction"-displayed-below-it.-Second-Box-(Video-and-Feedback):-A-video-player-(centered).-Below-the-video,-include-a-box-containing:-Five-star-icons-(for-star-ratings).-Requirements:-Ensure-the-design-is-pixel-perfect-and-matches-the-provided-structure.-Use-React.js-for-the-UI-and-pure-CSS-for-styling.-Avoid-external-UI-frameworks-like-Bootstrap.-The-design-should-be-responsive-for-all-screen-sizes:-desktop,-tablet,-and-mobile.-Maintain-proper-spacing,-typography,-and-alignment-to-ensure-a-professional-look.