[tabs] Add min-width: '0' as default for TabPanel to help with CSS grid container

[luan-dang-techlabs]

Summary 💡

Would like to have min-width: '0' as default for TabPanel so the GridDataPro layout doesn't overflow.

e.g. By using min-width: '0' with TabPanel, will fix the overflow issue with DataGridPro.

234352624-7f94a3fc-15d7-42df-8a54-96b76a0f32a8.mov

Examples 🌈

Reproduction: https://codesandbox.io/s/data-grid-community-forked-tsywms?file=/package.json

Motivation 🔦

Note: Please reference these Github issues that explains the details:
mui/mui-x#8547 (comment)

[yash49]

Hey maintainers,

#37528 (review)

For me, the only consideration is it is MUI's components responsibility to have this style when developers are using CSS grid? If we add it to the tabs, where do we stop? In the data grid, we said yes out of convenience # 9179 with @ cherniavskii, but I wonder.

has this been decided whether it's MUI's responsibility to add such style or not?

If yes and it is MUI's responsibility
then I would like to work on this issue

[oliviertassinari]

Adding min-width: '0' would make sense for the CssBaseline component #38507 (item 6.) to have it on all elements.

However, we try to never force <CssBaseline> to developers as it can be a challenge when migrating to Material UI in an existing project (breaking unrelated things). So we tried to always make the component self-sustained, similar to the experience when adopting one component at a time from npm.

So it would make sense to me to make the same move here. I added the "ready to take" label but to make sure with the Material UI team that we want to move in this direction.