Show pagination across all user cards

[bipplane]

Summary:

Fixes #470

Added and centralised the pagination range label at the bottom of each user for consistency purposes. Also reduced the coupling with the pagination arrows.

Type of change:

• ✨ New Feature/ Enhancement
• 🎨 Code Refactoring

Changes Made:

• Add paginator container and range label to replace default implementations for flexible styling
• Auto-hide navigation arrows when there is only 1 page of issues and PRs to show
• Refactor Gradient direction syntax (fixes warning of outdated syntax)

Screenshots:

Proposed Commit Message:

Add pagination styling for card view consistency

There is no pagination range shown when the number of issues/pr cards 
is not more than the required amount of 20.

This change adds paginator components, ensuring consistent
appearance across all card view columns. It also refactors Gradient syntax 
that has been deprecated.

Checklist:

• I have tested my changes thoroughly.
• I have created tests for any new code files created in this PR or provided a link to a issue/PR that addresses this.
• I have added or modified code comments to improve code readability where necessary.
• I have updated the project's documentation as necessary.

[NorbertLoh]

The readability of pagination is definitely better than before. However, I noticed some stuff

The pagination does not seem centralised.

The pagination overflows when it's 2 digits

[bipplane]

The centralisation seems to bug out when the column is overly-wide, i'm hoping for #500 to be merged soon so that i can do further testing on this! 😅