Drawer Width - Copy this React, Mui Component to your project

Tasks page add and update: Tasks Page: Add a section for "My Tasks" with a table of tasks, showing: Task Name Percent Complete Responsible User Date Due Task Owner Status Actions (Edit, Delete, etc.) Use progress bars to show task completion status visually, and provide filters for sorting tasks (e.g., by due date, priority, or status). Add pagination to the table for managing large task lists. Add New Task Form: The form will have the following fields: Task Name (required) Assigned To (dropdown with users or "Me") Category (dropdown for task categories) Due Date (calendar picker) Start Date (calendar picker) Reminder Date (calendar picker) Progress (progress percentage slider or dropdown) Priority (Low, Medium, High) Status (Not Started, In Progress, Completed) Related To (dropdown for related opportunities or projects) Description (rich text editor to add task details) Updates for Task Pages (Images and UI/UX Enhancements): My Tasks View: Add a table view for "My Tasks" with key actions (Edit, View) for each task and color-coded status (e.g., green for completed, red for overdue). Task Summary: Include an overview of the current tasks with metrics like "Pending Tasks," "Completed Tasks," and "Urgent Tasks" for quick visibility.