[material-ui][ToggleButtonGroup] Add functionality to keep buttons separate

[Mikilll94]

Summary

Currently it's not possible to easily separate buttons in ToggleButtonGroup component.

If you try to do that i.e. by using CSS gap property, then as you can see left borders are missing

https://stackblitz.com/edit/react-kkov5aav?file=Demo.tsx

Examples

No response

Motivation

In Joy UI you can set spacing for buttons in ToggleButtonGroup. Material should also have this feature:

Search keywords: ToggleButtonGroup, separate