sponsor card added

[afsar-dev]

Summary by CodeRabbit

• New Features

  • Added sponsored advertisement cards to the right sidebar, displaying promotional content with images, descriptions, status indicators (live, beta, or coming-soon), optional badges, and call-to-action elements.

• UI Improvements

  • Enhanced sidebar layout with optimized viewport alignment and scrolling behavior to accommodate the new advertisement section.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nurui	Ready	Preview, Comment, Open in v0	Apr 18, 2026 0:11am

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

This PR introduces a new sponsored advertisement system by adding type definitions for sponsor configuration, creating a reusable SponsorAd component for rendering ad cards with banners and metadata, providing sponsor configuration data, and integrating the component into the right sidebar layout.

Changes

Cohort / File(s)	Summary
Type & Configuration Definitions src/types/sponsor.type.ts, src/config/sponsor.config.ts	New TypeScript types (SponsorStatus, ISponsorConfig) defining sponsor configuration shape, and a new sponsor configuration constant for "boilerkick" with commented optional fields.
SponsorAd Component src/components/common/SponsorAd.tsx	New React component rendering a sponsored advertisement card with conditional "Sponsored" label, banner image with gradient overlay, optional badges and logos, status pills from config, and hover/transition styling.
Layout Integration src/components/layout/components-layout/ComponentsRightSidebar.tsx	Imported and rendered SponsorAd component at bottom of right sidebar; updated container height from min-h-screen to h-[calc(100vh-4rem)], added flex column layout with scrolling, and adjusted spacing for "On this page" section.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰 A sponsor arrives in the sidebar so bright,
With banners and badges, positioned just right,
From types to components, we've woven it well,
Ad cards that flex and scroll—a responsive spell! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'sponsor card added' directly and clearly describes the main change: a new SponsorAd component that renders a sponsor card. It accurately reflects the primary purpose of the changeset.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dev

---

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 and usage tips.}