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

add all of these componenets: list of generic components that can be used in any React project: Container: General-purpose wrapper for layout structure. Header: Displays the top section, often used for navigation or branding. Sidebar: Vertical navigation or content area, typically collapsible. Card: Encapsulated content section, often used for showcasing items or details. Button: Clickable element that triggers actions or events. Input: Generic input field for text, numbers, or other data types. Form: Container for form fields like inputs, checkboxes, and radio buttons. List: Displays a collection of items in vertical order. ListItem: Individual item in a list. Dropdown: Selectable menu that shows options when triggered. Modal: Popup or dialog that overlays the main content for focused tasks. Checkbox: Toggleable input for true/false values. RadioGroup: Group of radio buttons for selecting one option from many. Tabs: Navigation component that switches between different sections or views. Tooltip: Small popup for providing additional information on hover. Spinner: Animated loading indicator. Table: Structured layout for displaying rows and columns of data. Pagination: Controls for navigating between pages of data. Alert: Notification or status message (e.g., success, error). Avatar: Image or placeholder for representing a user or entity. Badge: Small indicator or label often used to show status or count. Grid: Flexible layout system for arranging content in rows and columns. Accordion: Expandable and collapsible content sections. Slider: Input control for selecting a value from a range. Breadcrumb: Navigation aid to show the current page’s hierarchy.