Add pagination to the blog listing in src/features/blog/pages/BlogPage.tsx

[Jagadeeshftw]

📌 Description

src/features/blog/pages/BlogPage.tsx (with its own test file already) appears to render the full post list via RecentPostsGrid/FeaturedPost with no pagination. As the blog grows, an unpaginated list will keep growing the initial page payload and DOM size indefinitely.

🧩 Requirements and context

• Add pagination (or a 'load more') control to the blog listing, reusing src/shared/components/ui/pagination.tsx if it fits the existing pattern used on ContributorsPage.tsx/DataPage.tsx.
• Preserve the featured-post treatment for the first item independent of pagination.
• Add a test for page navigation and for the boundary (last page, single-page result set).

Non-functional requirements

• Must be secure, tested, and documented.
• Should be efficient and easy to review.

🛠️ Suggested execution

1. Fork the repo and create a branch

git checkout -b feature/blog-page-pagination

2. Implement changes

• Modify: src/features/blog/pages/BlogPage.tsx — add pagination state and controls.
• Modify: src/features/blog/components/RecentPostsGrid.tsx if it needs a paged subset prop.

3. Test and commit

• Run tests:

npm test -- run BlogPage

• Cover edge cases: fewer posts than one page (pagination controls should hide), exactly one full page, last page with a partial set, featured post pinned across page changes.
• Include test output and details in the PR description.

Example commit message

feat: add pagination to the blog listing page

✅ Acceptance criteria

• Blog listing paginates correctly with no duplicate/missing posts across pages.
• Featured post treatment is preserved regardless of pagination state.
• Existing single-page behavior (small data sets) renders without pagination clutter.

🔒 Security notes

None beyond standard regression risk.

📋 Guidelines

• Minimum 95% test coverage
• Clear documentation
• Timeframe: 96 hours

[Devadakene]

I would love to work on this issue having worked on something similar in the past

[grantfox-oss]

🦊 GrantFox — @Devadakene has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #499)
2. Your PR will be reviewed by the Grainlify maintainers

Good luck! Track your progress on GrantFox.

[Jagadeeshftw]

Assigned to @Devadakene. Please open a PR referencing this issue (e.g. Closes #499) when it's ready.

[Jagadeeshftw]

Unassigning @Devadakene — this has been assigned for more than 2 days with no PR opened yet. No worries if you're still working on it, just re-comment and we'll happily reassign once you're ready to pick it back up.

[Jagadeeshftw]

Assigned @Devadakene! Go ahead and open a PR referencing this issue (Closes #499) when ready. t.me/+vTbe0hOUKrFhNTJl

[grantfox-oss]

🦊 GrantFox — @Devadakene has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #499)
2. Your PR will be reviewed by the Grainlify maintainers

Good luck! Track your progress on GrantFox.