feat: add chevron icons for navigations and direct page input for pagination

[sirconfy]

Description

1. Chevron Icons:

   • Replaced the default navigation arrows with chevron icons for the "Next" and "Previous" page links.

2. Custom Page Input:

   • Added an input field that allows users to directly select a custom page number, making navigation more user-friendly.

Related Issue

Fixes #62

Screenshots/Screencasts

Notes to Reviewer

• No new npm packages were added.
• The main change is UI/UX focused, with improvements to the pagination navigation.
• Please test edge cases for the page input (e.g., invalid numbers, first/last page).

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
jargons-dev	Ready	Preview	Comment	Nov 6, 2025 11:11pm

[babblebey]

Looking good... The change is currently failing CI though.

It's a code quality thing... Run the command npm run format and commit your change to fix 😁

[sirconfy]

@babblebey Check again. fixed and pushed

[Copilot]

Pull Request Overview

This PR enhances pagination navigation by replacing text-based "Next/Previous" buttons with chevron icons and adding a direct page input feature for better user navigation experience.

• Replaced text navigation buttons with SVG chevron icons for a more modern UI
• Added a page input field with "Go to page" functionality that allows users to jump directly to any page
• Improved pagination layout with responsive design and better visual hierarchy

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[babblebey]

Hello @sirconfy

Let's implement the suggestion from @copilot so we can close out on this PR.... I'll assign you the next issue immediately after 😉

[sirconfy]

@babblebey Please confirm I just made a push for the code fix from the copilot suggestion

[babblebey]

Looks good 👍🏾