[Divider][material-next] Add Divider component

[Best-Sardar]

This issue is to track the work for adding the Divider component to @mui/material-next, moving forward the Material You effort (https://github.com/mui/material-ui/issues/29345)

Material You Divider specification: https://m3.material.io/components/divider/overview

Migration Guide steps

• [x] Copy component files from material (v5) to material-next
• [ ] Remove deprecated components and componentsProps props
• [ ] Drop support for ThemeProvider in favor of CssVarsProvider
• [ ] Migrate component to Typescript
• [x] Refactor component to use Base UI’s hook if it exists: There's no Base UI hook, pure presentation component
• [x] Implement Material You design specs: PR #39179
• [x] Add component playground to v5 docs: PR #39179
• [ ] Refactor styles to use component CSS Variables: WIP @rajvinder-kaur

[rajvinder-kaur]

can i handle this?

[DiegoAndai]

Hey @rajvinder-kaur, thanks for the interest!

The tasks that are not completed are ready to take. Is there a particular one you wish to take?

[rajvinder-kaur]

i wish to Refactor styles to use component CSS Variables @DiegoAndai

[DiegoAndai]

@rajvinder-kaur sure, go ahead! Please try to follow Joy's Divider implementation. It's not necessary to have all the variables Joy has.