[LoadingButton] Add ability to control size of circular progress

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

Hello all,
I think LoadingButton could have the componentProps property, and let us pass props for the circularProgress that is being rendered. I think it will improve our experience!

Let me know what you think :)

Examples 🌈

I had written something like this

            size="large"
            onClick={() => createDraftTicket()}
            loading={isCreatingDraftTicket}
            sx={{ mt: 4 }}
            loadingIndicator={<CircularProgress color="inherit" size={24} />} // I wrote this to enlarge the loading indicator.
          >
            <Typography variant="h5">
                 Text
                <br>
                Even More Text
            </Typography>
          </LoadingButton>```

Would feel neat if we had something like this:
```<LoadingButton
            ....
            componentProps={{circularProgress: { size: 24 }}}
          >
           ....
          </LoadingButton>```


### Motivation 🔦

The motivation would be to try and avoid passing custom components/elements to solve props issues :)

Start with the LoadingButton entry point and its existing loadingIndicator behavior, then compare the CircularProgress props used by the loading indicator. The issue does not name files or tests; done means users can control the circular progress size through LoadingButton without supplying a custom loading element.