[pickers] Improve PickersDay component gridcell role management

[shajjhusein]

Steps to reproduce

Steps to Reproduce:

• Implement PickersDay within a custom calendar component.
• Conduct accessibility audit or testing with screen readers.
• Observe the reported issue regarding the incorrect or misapplied use of the gridcell role.

Current behavior

Expected behavior

The expected is to have a solution to avoid the mentioned issue while wrapping the DayPicker in the renderDay function

Context

No response

Your environment

`npx @mui/envinfo`

System:
OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
Binaries:
Node: 20.10.0 - ~/.nvm/versions/node/v20.10.0/bin/node
npm: 10.2.3 - ~/.nvm/versions/node/v20.10.0/bin/npm
pnpm: Not Found
Browsers:
Chrome: 120.0.6099.109
npmPackages:
@emotion/react: ^11.11.1 => 11.11.3
@emotion/styled: ^11.11.0 => 11.11.0
@mui/base: 5.0.0-beta.33
@mui/core-downloads-tracker: 5.15.6
@mui/material: ^5.15.0 => 5.15.6
@mui/private-theming: 5.15.6
@mui/styled-engine: 5.15.6
@mui/system: ^5.14.18 => 5.15.6
@mui/types: 7.2.13
@mui/utils: 5.15.6
@mui/x-data-grid: ^6.18.2 => 6.19.2
@mui/x-date-pickers: ^5.0.20 => 5.0.20
@types/react: ^18.2.45 => 18.2.48
react: ^18.2.0 => 18.2.0
react-dom: ^18.2.0 => 18.2.0
typescript: ^4.4.4 => 4.9.5

Search keywords: Accessibility Issue with @mui/x-date-pickers PickersDay and ARIA roles

[LukasTy]

@shajjhusein Thank you for reporting this problem. 🙏
I can confirm that based on the guidelines([1], [2]), the button element should not have a gridcell role.
We'll look into fixing this problem. 😉