[Feat]: Add page indicator to catalog pagination (Page X of Y)

[TarunyaProgrammer]

Add page indicator to catalog pagination (Page X of Y)

Current Behavior

The catalog pagination on https://meshery.io/catalog/designs only provides “Prev” and “Next” buttons.
There is no indication of:

• the current page number
• the total number of available pages
• how many pages remain

Since pagination is entirely client-side, users must click blindly to understand how much content exists.

---

Desired Behavior

Display a page indicator in the pagination UI, such as:

Page X of Y

This indicator should:

• update correctly when navigating pages
• remain accurate when filters or search are applied
• rely entirely on existing client-side data (no backend changes)

The total page count can be derived from existing values:

• matchingCards.length
• itemsPerPage

Pagination logic is centralized in _includes/patterns-filter.html, making this a small, frontend-only enhancement.

---

Screenshots / Mockups

Current pagination UI (Prev / Next only):

Before.Meshery-1.mov

[welcome]

Thanks for opening this issue. A contributor will be by to give feedback soon. In the meantime, please review the Newcomers' Guide and sure to join the community Slack.

[TarunyaProgrammer]

Hello @CodexRaunak and maintainers,
This PR adds a small frontend-only page indicator (Page X of Y) to catalogue pagination.
All logic is client-side and centralised in _includes/patterns-filter.html.
Would appreciate a review when you have time. Thank you!

[TarunyaProgrammer]

@kishore08-07 , I have already raised the PR!
#2564