Improve pagination layout, design, and structure

[gtsiolis]

Problem to solve

Following up from #11481, we need to update the pagination component. Some UX issues currently involved include:

1. Lack of proper disabled button states, see Previous and Next at the first or last page.
2. Lack of proper default, hover, and active states on buttons.
3. Lack of truncation when pages are more than what we can show.
4. ...

[gtsiolis]

I'll post a first another iteration for the pagination component here, including some design specs for smaller viewports, but feel free to leave these out of the scope for now, @laushinka!

This includes the a) bare-minimum basic hover state and b) disabled states on the buttons at the end of the pages. ❗

Pagination (Desktop)	Pagination with single truncation (Desktop)	Pagination with double truncation (Desktop)

Pagination (Mobile)	Pagination with single truncation (Mobile)	Pagination with double truncation (Mobile)

Alternative 🅰️ (compact)	Alternative 🅱️ (infinite scroll)

See design specs for spacing, colors, etc.