[docs][material-ui] Revamp Composition guide

[ZeeshanTamboli]

This PR addresses the feedback provided in #41590 by improving the Composition guide.

Changes by Commit

• 1549e1f: Removed an unnecessary link to the Wrapping section in the Tooltip docs. The reference was irrelevant to the discussion about passing ref to children.
• 66d330a: Updated the documentation to avoid instructing users on what not to do, which is more of a general React pattern issue rather than specific to Material UI. The unstable nested components pattern is covered by an ESLint rule here. Also replaced the deprecated <ListItem button /> with <ListItemButton>.
• 0e55ea4: Revised the documentation to emphasize that the component prop accepts any React component, removing an unnecessary discussion on prop forwarding.
• e4406bb: Corrected the demo by removing an explicit role="undefined" from Link (see docs on when it's needed), as ListItemButton which renders ButtonBase already handles the role when to prop is provided to it.

Previews

• Composition Guide
• Tooltip Documentation

[mui-bot]

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against c433868

[ZeeshanTamboli]

I am not sure who to ask for a review here.

[ZeeshanTamboli]

Can I get a review here?

[aarongarciah]

Very nice

[siriwatknp]

I am not sure who to ask for a review here.

Sorry for the delay. For next time, if it's related to structure of the docs, please include @samuelsycamore in the review.