[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. 😉