[FormControlLabel] Add required prop

[emlai]

Resolves #34198.

• I have followed (at least) the PR section of the contributing guide.

Adds 'required' state support for FormControlLabel. Changes mostly copied from FormLabel.

• Propagates the required prop from and to the control component, like we do for disabled.
• Doesn't inherit required from FormControl, since it breaks usages such as a required checkbox group: https://mui.com/material-ui/react-checkbox/#formgroup

[mui-bot]

Netlify deploy preview

https://deploy-preview-34207--material-ui.netlify.app/

@material-ui/core: parsed: +0.08% , gzip: +0.09%

Bundle size report

Details of bundle changes

Generated by 🚫 dangerJS against 266d09f

[ZeeshanTamboli]

@emlai The feature is valid to support required prop on FormControlLabel to show the asterisk. The changes look generally good; thanks for the PR. I can review it once the merge conflicts are resolved.

[emlai]

@ZeeshanTamboli Resolved.

[ZeeshanTamboli]

I pushed a few refactoring changes. It looks great! Thanks @emlai!

[ZeeshanTamboli]

On a side note: I am unaware and confused about why required is supported only in the Form Label by inheriting from Form Control. If the required prop is provided to the Form Control, it should get applied to the individual control components (Checkbox, Switch and Radio) along with the form label.

Anyway, we can consider this feature since there is currently no way without this PR to show required on the label of the control component. To attach a label to the control, we have to use the FormControlLabel component. <Checkbox required label="Required" /> does not work.