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

Create a layout where main div contains 4 sections. In which first section would be a navbar which stays on top of everything vertically and on z index also, second section will be a sidebar on the left side which would be fixed in large screens and would be able to be minimized and maximized on the basis of hide and show state and on mobile screen it would be slide all the way to the left until it disappears when on hide state and on show state it would be above all elements with a backdrop, after that it comes to the third section which would occupy all the remaining space, then fourth and the last section would be a drawer and stays on right side with the hidden state but when its state turns to show it appears above of all elements with a backdrop.