[DashboardLayout] Support collapsed mini-drawer by default

[apedroferreira]

Add defaultSidebarCollapsed prop to DashboardLayout to start with mini-drawer on desktop-sized screens.
Includes test and docs demo.

Closes #4172

https://deploy-preview-4234--mui-toolpad-docs.netlify.app/toolpad/core/react-dashboard-layout/#start-with-mini-drawer-on-desktop

[prakhargupta1]

@apedroferreira If this is close to completion can it be a part of v0.8.0? Another user requested this.
CC: @Janpot

[apedroferreira]

@apedroferreira If this is close to completion can it be a part of v0.8.0? Another user requested this. CC: @Janpot

Just needs a review and to be rebased, so it should be possible to include it?

[apedroferreira]

Also not sure if initialSidebarCollapsed would be a better name for the prop or not.

[Janpot]

Also not sure if initialSidebarCollapsed would be a better name for the prop or not.

What do core components do?

[apedroferreira]

Also not sure if initialSidebarCollapsed would be a better name for the prop or not.

What do core components do?

default seems more common, let's stick with it.

• defaultValue in components like <TextField> or <Select>.
• defaultChecked in <Checkbox> and <Switch> components.

There are some exceptions like initialState in the DataGrid but default seems good.