[material-ui][Dialog] Add slots and slotProps and deprecate *ComponentProps

[sai6855]

Part of #41281

[mui-bot]

Netlify deploy preview

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

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against c9cbda4

[sai6855]

In Dialog BackdropComponent and PaperComponent are being used as as={Component}

BackDropComponent

material-ui/packages/mui-material/src/Dialog/Dialog.js

Line 294 in f98a06c

as: BackdropComponent,

PaperComponent

material-ui/packages/mui-material/src/Dialog/Dialog.js

Line 321 in f98a06c

as={PaperComponent}

Should i deprecate these or leave as it is similarly to IconComponent like here #42157 (comment)

cc @DiegoAndai @siriwatknp

[DiegoAndai]

@sai6855, I think:

• BackdropComponent can be deprecated in favor of slots.backdrop.component
• PaperComponent can be deprecated in favor of slots.paper.component

Please test this though, as I haven't.

[siriwatknp]

@sai6855 Is this PR ready for review? if yes, please switch from "draft" to "ready".

[sai6855]

Migratio guide is pending, I'll add it mark it ready for review

[sai6855]

I'm facing few issues while deprecating PaperComponent, will try to find solution and update