Support prefers-reduced-motion

[mj12albert]

Requires #48325

Enabled with a theme-level config:

const theme = createTheme({
  transitions: {
    reducedMotion: 'system',
  },
});

Component-level opt-out:

<Collapse in={open} disablePrefersReducedMotion />

To preview, emulate prefers-reduced-motion: reduce in Chrome devtools. Animations/transitions on components do not run, and skips as much work as possible:

• Autocomplete
• Button
• Accordion
• Tooltip

Closes #16367

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

[code-infra-dashboard]

Deploy preview

• docs/data/material/components/transitions/transitions.md
• docs/data/material/customization/transitions/transitions.md

Bundle size

Bundle	Parsed size	Gzip size
@mui/material	🔺+4.18KB(+0.82%)	🔺+1.32KB(+0.90%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/private-theming	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

---

Check out the code infra dashboard for more information about this PR.