Pagination links not properly themed

[svenefftinge]

The links on the bottom of a paginated table are not properly themed.

[gtsiolis]

Besides the styling issues, pagination also comes with some usability issues, see #12027.

1. Use the while button area as an active hover area instead of just the number
2. ...

[gtsiolis]

Thanks by the way for noticing, @svenefftinge! 🏀

For the styling issues, the initial design specs linked in #12027, #11483, and #11285 should already cover what we need to change here.

Just added also some detailed designs for the dark theme in case this helps. ✔️

Re-posting the designs here for visibility:

Light Theme	Dark Theme

[Hardik500]

Hey, @gtsiolis @svenefftinge I would like to work on this issue

[svenefftinge]

Awesome! Thank you @Hardik500.

[gtsiolis]

@Hardik500 You can find the detailed design specs linked above in #12537 (comment).

Feel free to open a PR and link back to this issue. 🏓

[Hardik500]

Thanks for the reference @gtsiolis

[Hardik500]

@gtsiolis In terms of adding new styling changes, do I also have to add the styling that is related to mobile and compact displays?
Also, what about infinite displays, cause I am not seeing that being handled right now?

[Hardik500]

#12537 (comment)
@gtsiolis @svenefftinge thoughts?

[gtsiolis]

@Hardik500 Feel free to skip anything related to responsive layout.

In the spirit of our ship skateboards value, we can always break down the issue into smaller pieces and open a follow-up issue for the mobile layout. 🛹

Also, the infinite scrolling has been brought up in #11483 but we decided to opted for pagination component for now.