Paginator: better responsivity defaults

[robbienohra]

Describe the feature you would like to see added

The default responsivity wrapping behaviour for the paginator occupies a significant amount of vertical space.

Is your feature request related to a problem?

Yes responsivity-wise.

Describe the solution you'd like

There a number of alternatives for lower viewport sizes including:

• reducing the visible page number options
• previous + next + page dropdown selection for specific page

Another approach could be — similarly to how there is a data table responsive prop (with stack and scroll options) — to have a prop that allows for a "collapsed" view on mobile (similar to the custom collapsed view here). The idea would be to auto-morph from default to collapsed on mobile (via a specified breakpoint — although this case as well has some wrapping issues). Or, to take it one step further, allowing for a custom user-specified template for the mobile case (again as specified by a breakpoint).

Describe alternatives you have considered

Using vue3-mq to manually morph from a default to a custom paginator at specified breakpoints — although this likely leads to integration-level issues w.r.t. data-table that we'd prefer to avoid.

Additional context

NA