feat(articles): show next and previous posts

[krishs01]

What does this PR do?

Updates the "More like this" section in article pages to show the article's next/previous posts instead of simply displaying the latest two posts. The current article is excluded from the results.

Closes

• Closes Make the "more like this" section in articles next/prev posts instead of latest 2 #72

Type of change(s)

• Bug fix
• New feature
• Documentation update
• Style / UI change
• Refactor (no functional change)
• Performance improvement
• Other

Checklist

• I've tested this change locally and it works as expected
• bun run lint or npm run lint completes without warnings or errors
• bun run build or npm run build completes successfully
• My commit messages follow Conventional Commits (e.g. feat: ..., fix: ..., chore: ...)
• I've updated relevant documentation (README, comments, etc.) if needed
• I've removed any temporary debugging code (e.g. console.log)

Screenshots / recordings (if applicable)

Not applicable — this change updates the article recommendation logic without changing the UI design.

Anything else the reviewer should know?

The Prettier formatting command could not be run because Prettier is not currently available in the project's installed dependencies. No unrelated formatting changes were included in this PR.

[devhub-bot]

Note

Linting checks passed successfully 🎉

All formatting and code quality checks are clean.

You're good to merge 🚀

[calebephrem]

Thanks for opening the pr!

You did it well, but we don't want two navigation lines though, so the <- Previous and Next -> links are unnecessary here, so remove em. otherwise, it's perfect!

[calebephrem]

Suggested change

	<div className="flex items-center justify-between gap-md">
	{prevPost ? (
	<Link
	href={`/blog/${prevPost.slug}`}
	className="flex items-center gap-sm text-sm text-text-secondary hover:text-text transition-colors undecorated"
	>
	<ArrowLeft size={16} />
	<span>Previous</span>
	</Link>
	) : (
	<div />
	)}
	{nextPost ? (
	<Link
	href={`/blog/${nextPost.slug}`}
	className="flex items-center gap-sm text-sm text-text-secondary hover:text-text transition-colors undecorated"
	>
	<span>Next</span>
	<ArrowRight size={16} />
	</Link>
	) : (
	<div />
	)}
	</div>

[krishs01]

Hii @calebephrem, I've done the requested changes, Kindly review it.

[devhub-bot]

Note

Linting checks passed successfully 🎉

All formatting and code quality checks are clean.

You're good to merge 🚀

[calebephrem]

Nice

[calebephrem]

Thanks for contributing!