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

Add: <StyledSidebar open={open} darkMode={darkMode}> {/* Existing sidebar content */} </StyledSidebar> <StyledSpeedDial ariaLabel="Communication SpeedDial" icon={<SpeedDialIcon />} darkMode={darkMode} > <SpeedDialAction icon={<FiPhone />} tooltipTitle="Call" onClick={() => setRightPanelOpen(true)} /> <SpeedDialAction icon={<FiMessageCircle />} tooltipTitle="Chat" onClick={() => setRightPanelOpen(true)} /> <SpeedDialAction icon={<FiVideo />} tooltipTitle="Video Call" onClick={() => setRightPanelOpen(true)} /> <SpeedDialAction icon={<FiMail />} tooltipTitle="Email" onClick={() => setRightPanelOpen(true)} /> </StyledSpeedDial> <RightPanel anchor="right" open={rightPanelOpen} onClose={() => setRightPanelOpen(false)} darkMode={darkMode} >