[Pagination] page items to populate entire component width

Check existing issues

[X] I have checked for existing issues to avoid duplicates

Description

Currently Pagination defaults to left aligned and prescribes a set number of page items at each breakpoint.

We can explore displaying as many "pages" as possible as seen in the Figma demo below, where the content is centered in the width and "pages" are added once there is enough space for the width of the next page item.

https://www.figma.com/proto/iCQBMp5Q5zlSfyE9NxkdO7/Pagination---responsive?page-id=1%3A2&type=design&node-id=537-8761&viewport=-4219%2C-829%2C0.54&t=qiNM5mxZUawgnbnd-1&scaling=min-zoom&mode=design

Acceptance Criteria

Pagination is centered by default Padding and min-widths of page items stay the same Component width fill its container and populates as many page items as it can fit

Relevant Info

No response

Which Component

Pagination

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

[ ] @esri/calcite-components
[ ] @esri/calcite-components-angular
[ ] @esri/calcite-components-react
[ ] @esri/calcite-design-tokens
[ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

Esri / calcite-design-system