fix(material/paginator): visual order does not match reading order

[DBowen33]

OBSERVED RESULTS:

The reading order of the pagination controls does not match the visual order which can be disorienting to visual users who do use screen readers or keyboard only to navigate the page.

Screenshot/screencast: https://screenshot.googleplex.com/Bd6psV6wJZ4sgji.png
User provided screenshot

EXPECTED RESULTS:

If possible, try to match the reading/focus order of elements with the visual order. Typically it is left to right, top to bottom.
STEPS TO REPRODUCE:

Enable screen reader
Navigate to https://xap-gallery.corp.google.com/embed/a11y/mdc-paginator
Navigate to the pagination controls
Observe
RELEVANT GAR SHEET

RELEVANT GAR GUIDELINE

ENVIRONMENT DETAILS:

Google Pixel 5

Android version 13
Talkback
Canary 116.0.5813.0
iPhone 12

iOS 16.4.1
VoiceOver
Dev 116.0.5805.1
Bug filing time:

10min

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}