Timesheet Logger - Copy this React, Tailwind Component to your project

A weekly grid structure where users can log their hours for each day of the week. Each row represents a task or project, and each column represents a day.Each row allows the user to log hours for a specific project or task. Users can add multiple tasks for each week.Allow users to add or edit tasks through a modal. This keeps the main interface clean and provides detailed input options.Display a progress bar that updates in real-time as users log hours. This can help users see how close they are to completing their expected hours for the week (e.g., 40 hours).Users should be able to save their progress or submit the timesheet once complete. Provide a clear "Save Draft" and "Submit" button at the bottom.