Add GitHub Sponsors button to the docs navbar

[radiumcoders]

Summary

• Add a Sponsor control in the docs navbar that opens the GitHub Sponsors page for radiumcoders.
• Match the existing GitHub stars control so the header stays compact, including on small screens.

Test plan

• Open /docs and confirm Sponsor appears next to GitHub stars
• Click Sponsor and confirm it opens https://github.com/sponsors/radiumcoders in a new tab
• Open a nested docs page and confirm the button is still in the navbar
• Check a narrow viewport: the heart remains and the Sponsor label hides

Made with Cursor

Summary by CodeRabbit

• New Features
  • Added a Sponsor link to the documentation header.
  • The link opens the project’s GitHub sponsorship page in a new tab.
  • Includes a heart icon and responsive “Sponsor” label.
  • Updated the documentation header with a streamlined full-width toolbar layout.
  • Simplified the search control to an icon-only button for a cleaner interface.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: fbaa7c94-f5bf-4e0a-8c8b-915770a0f61e

📥 Commits

Reviewing files that changed from the base of the PR and between fc47045 and 40b329c.

📒 Files selected for processing (2)

• components/docs-shell.tsx
• components/search-trigger.tsx

Included review availability: Your plan provides up to 2 included reviews per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

The change adds GitHub sponsorship support, places the sponsor link in the documentation header, and changes the search trigger to an icon-only button.

Changes

GitHub sponsorship and header integration

Layer / File(s)	Summary
Sponsor URL and component lib/github.ts, components/github-sponsor.tsx	The code derives the GitHub owner from REPO, builds the sponsorship URL, and renders an external sponsorship link with an optional class name, heart icon, and responsive label.
Documentation header integration components/docs-shell.tsx	The docs shell places the sponsor link in a single-row header with the sidebar trigger, spacer, GitHub stars control, search trigger, and theme toggle.
Search control simplification components/search-trigger.tsx	The search trigger uses an icon-only ghost button and no longer displays the search label or hotkey state.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Feature

Suggested reviewers: cursoragent

Merge Risk: ⚪ Minimal · up to 40b32

The sponsorship and compact header controls preserve their documented navigation and accessibility behavior, so the change is mergeable with normal checks.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 16.67% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 6 functions across 4 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely describes the main change: adding a GitHub Sponsors button to the documentation navbar.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

• Fix all pre-merge checks with AI

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/github-sponsor-navbar

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Cloudflare preview is ready.

Preview	https://pr-34-23rd-dev.radiumcoders.workers.dev
This commit	https://5c0ed69d-23rd-dev.radiumcoders.workers.dev

Production (23rd.dev) is unchanged. This preview URL stays the same as you push to this PR.