Client Table - Copy this React, Tailwind Component to your project

Design a large table with the following columns: Client, CPF, Email, Phone, Status, and Create Charge. Status Column: Display "in good standing" (green) or "defaulted" (red) as background highlights similar to highlighter colors. Button for Sorting: Add a small button before the "Client" column to toggle the order of clients displayed. The button should allow sorting to show all "defaulted" clients at the top or all "in good standing" clients at the top. Create Charge Column: Include a small button with a charge icon. Clicking this button should open a modal containing a charge registration form. The form should include fields for name, description, due date, value, and a status selection (with options for "paid" or "pending"). The modal should have buttons to cancel or apply the charge. Ensure that all table data is fetched from the API.