Improve accessibility on sortable table

We got a feedback from our accessibility team that the there is an issue that user can't navigate with voice over after sorting.
"After sorting the table, pressing the arrow down key should move focus to the next cell to the right, in the table. Currently, nothing is announced"

## Expected Behavior

He provides example of accessible sortable table to compare at https://www.w3.org/WAI/ARIA/apg/example-index/table/sortable-table

## Current Behavior

## Steps to Reproduce (for bugs)

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 5.10.10 |
| MUI-datatables | 4.2.2 |
| React | 18.2 ( React is internally using v17 for our code since we haven't changed anything to use anything from 18, so 17.x) |
| browser | Chrome, Safari (Voice Over) |

Start by reproducing the sortable-table behavior in Chrome and Safari with VoiceOver, then compare it with the W3C ARIA sortable-table example linked in the issue. No source file or test is named; done means that after sorting, pressing Arrow Down moves focus to the next cell to the right and VoiceOver announces it.

Written by the indexing model from the issue text.