[Tabs] Fix modifier keys + Left/Right Arrow key from being consumed by tab navigation

[mushfiqbh]

Fixes #45308

• I have followed (at least) the PR section of the contributing guide.

Before: https://codesandbox.io/p/sandbox/xgl5m2
After: https://codesandbox.io/p/sandbox/material-ui-cra-ts-forked-yq7vky

[mui-bot]

Netlify deploy preview

https://deploy-preview-45345--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 8e9b2b0

[mj12albert]

I've tested this and it works: https://codesandbox.io/p/sandbox/material-tabs-bug-forked-4mh6ml

Probably the same logic should be applied to all modifier keys like Shift/Ctrl as well, what do you think @aarongarciah @DiegoAndai

@mushfiqbh Also would you mind adding some tests around this? I would suggest a new describe('modifier keys', () => {…}) block nested directly under this one: https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Tabs/Tabs.test.js#L928

[DiegoAndai]

Probably the same logic should be applied to all modifier keys like Shift/Ctrl as well, what do you think @aarongarciah @DiegoAndai

Agreed

[ZeeshanTamboli]

I made the expected changes. @mushfiqbh Thanks for the PR.

[github-actions]

Cherry-pick PRs will be created targeting branches: v6.x