[material-ui] Add merging function to mergeSlotProps utility

[siriwatknp]

closes #45503

Docs: https://deploy-preview-45543--material-ui.netlify.app/material-ui/guides/composition/#forwarding-slot-props

Issue

Currently, mergeSlotProps does not compose event handlers. So event handlers passed by the slotProps.* will override the default event handlers.

Fix

Iterate the default props and check if the key is an event handler (follow the same logic as in Base UI), then compose it with the one from the slotProps.*

---

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

[mui-bot]

Netlify deploy preview

• docs/data/material/guides/composition/composition.md

@material-ui/core: parsed: +Infinity% , gzip: +Infinity%
@mui/joy: parsed: +Infinity% , gzip: +Infinity%
@mui/joy/Autocomplete: parsed: +Infinity% , gzip: +Infinity%
Autocomplete: parsed: +Infinity% , gzip: +Infinity%
@material-ui/lab: parsed: +Infinity% , gzip: +Infinity%
TextField: parsed: +Infinity% , gzip: +Infinity%
@material-ui/unstyled: parsed: +Infinity% , gzip: +Infinity%
SpeedDialAction: parsed: +Infinity% , gzip: +Infinity%
@mui/joy/Select: parsed: +Infinity% , gzip: +Infinity%
@mui/joy/Menu: parsed: +Infinity% , gzip: +Infinity%
Tooltip: parsed: +Infinity% , gzip: +Infinity%
SwipeableDrawer: parsed: +Infinity% , gzip: +Infinity%
Alert: parsed: +Infinity% , gzip: +Infinity%
TabList: parsed: +Infinity% , gzip: +Infinity%
SpeedDial: parsed: +Infinity% , gzip: +Infinity%
Pagination: parsed: +Infinity% , gzip: +Infinity%
Drawer: parsed: +Infinity% , gzip: +Infinity%
Popover: parsed: +Infinity% , gzip: +Infinity%
LoadingButton: parsed: +Infinity% , gzip: +Infinity%
Dialog: parsed: +Infinity% , gzip: +Infinity%
and 269 more changes

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 7a800c3

[DiegoAndai]

LGTM

May I ask you to do a final test with the example in #45210 (comment) (where this was originally discovered). Just to make sure it's fixed with this change.