Customer Details - Copy this React, Tailwind Component to your project

Design a customer details page that contain personal information which is editable but not show the input button (border), with sections for contract section table include columns for Contract ID, Validity Period, Status, Payment section table include columns for Payment Date, Associate Contract, Amount, Status, Pending request section for owner to review the renewal request contract , contract history section, feedback section This page will have some dropdown actions like (Save to save the text in personal information. Add Contract button, Change status active or inactive , Delete)