[docs] corrected tab order for modal

[harshgtm]

Problem: When the modal is opened and the user presses Tab to navigate through the action buttons, the focus moves in reverse order (right to left), which is not the expected behaviour.

Solution: Adjusted the layout of the modal action buttons to ensure they follow the correct tab order from left to right. This was achieved by rearranging the buttons and setting the flex-direction to row (previously it was row-reverse) and justify-content to flex-end.

Related Issue: Fixes #42185

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

[mui-bot]

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad) No bundle size changes

Generated by :no_entry_sign: dangerJS against ec2b3122766824cf05fe6641bf82efb7bad6784b