[Frontend · Shared primitives] Create shared Pagination component

[amina69]

Epic: Shared primitives
Labels: ui, state, phase-2, frontend
Size: XS (~2-4 hours)

Description

Reusable "Load more" button with loading state for cursor-based pagination.

Tasks

• Accept hasNextPage, isFetchingNextPage, onLoadMore props
• Show "Load more" button when hasNextPage
• Show spinner inside button when isFetchingNextPage
• Hide when !hasNextPage (all loaded)
• Accessible: aria-label="Load more results"
• Unit test: shown when hasMore, spinner during fetching, hidden when no more

[oyinade247]

@oyinade247 has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hello, can i work on this issue please

ℹ️ Repo Maintainers: To accept this application, review their application or assign @oyinade247 to this issue.

[k-deejah]

@k-deejah has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi Sis, I can work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @k-deejah to this issue.

[drips-wave]

Congratulations, @k-deejah! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @k-deejah: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊