[docs] Add tutorials for @mui/base

[mnajdova]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

This issue serves as a discussion starter for what types of tutorials we need to create for @mui/base and how should we prioritize them.

We have a great base for the fundamental principles of @mui/base in the Usage and Customization pages. However we are still missing some more complete guides on:

1. In depth explanation of how the demos work for customizations (using MUI Base + MUI System) - This should probably comes as a tutorial before any component's page is shown and could serve as a "preparation" for understanding the demos.

2. How to integrate with some popular utility first CSS framework, e. g. Tailwind CSS - Considering the popularity of Tailwind CSS, I would say this would benefit most of the community that is supporter of the utility first CSS frameworks

3. How can Mui Base be used with plain CSS - For those who don't want to use any styling solution/framework and want to have complete control, this should serve as a base for starting their project.

I've added the proposal for tutorials by the priority they have in my opinion (the order by which we should implement them).

[oliviertassinari]

A side note on the existing tutorial https://mui.com/base/getting-started/customization/#overriding-subcomponent-slots:

1. It's not togglable:

Jun-01-2022.13-24-46.mp4

2. It uses cursor: not-allowed; which we arbitrate against using in the past (would need to find the relevant GitHub issues for the why)