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

rewrite add and update: const menuItems = [ { text: "Dashboard", icon: <FiHome size={20} />, color: iconColors.primary }, { text: "Relationship", icon: <FiUsers size={20} />, color: iconColors.action, hasSubMenu: true, subItems: ["Tasks", "Email", "Leads", "Contacts", "Projects", "Calendar", "Opportunities"] }, { text: "Shipments", icon: <FiTruck size={20} />, color: iconColors.success, hasSubMenu: true, subItems: ["View Loads", "Rate Quote", "Book Loads", "Freight Claims"] }, { text: "Loadboard", icon: <FiGrid size={20} />, color: iconColors.warning, hasSubMenu: true, subItems: ["Search Loads", "Post Loads"] }, { text: "Networks", icon: <FiShare2 size={20} />, color: iconColors.error, hasSubMenu: true, subItems: ["Customers", "Contractor", "Vendors", "Locations"] }, { text: "Assets", icon: <FiBox size={20} />, color: iconColors.info, hasSubMenu: true, subItems: ["Compliance", "Trailers", "Unit", "Fleet Tracker", "Maintenance", "Fuel Audit", "Trucks"] }, { text: "Workers", icon: <FiUsers size={20} />, color: iconColors.decorative, hasSubMenu: true, subItems: ["Employee", "Drivers"] }, { text: "E-Tenders", icon: <BsFileEarmarkText size={20} />, color: iconColors.primary, hasSubMenu: true, subItems: [ { text: "EDI", hasSubMenu: true, subItems: ["EDI Dashboard", "EDI Settings"] }, "API" ] }, { text: "Binders", icon: <FiFolder size={20} />, color: iconColors.action, hasSubMenu: true, subItems: ["Carrier Packets"] }, { text: "Documents", icon: <FiBookmark size={20} />, color: iconColors.success, hasSubMenu: true, subItems: ["Receipts"] }, { text: "Rates", icon: <FiDollarSign size={20} />, color: iconColors.warning, hasSubMenu: true, subItems: ["Matrix"] }, { text: "Financial", icon: <BsWallet2 size={20} />, color: iconColors.error, hasSubMenu: true, subItems: ["Sales", "Purchases", "Banking", "Payroll", "Accounting"] }, { text: "Reports", icon: <FiBarChart2 size={20} />, color: iconColors.info },