[Documentation] Show a pro badge for pro users on the demo time website (pro feature)

[estruyf]

Feature:
Display a pro badge for users who have a Pro subscription or Pro status on the demo time website. This badge should be clearly visible and distinguishable to highlight Pro users.

User Story:
As a Pro user, I want my account to be visually recognized on the website with a pro badge, so that other users and potential customers can easily see who has Pro status.

Acceptance Criteria:

• A “pro” badge should be shown next to usernames or profiles of users with Pro status/subscription.
• The badge design should be distinct and work across light/dark modes.
• Placement of the badge should be consistent in user lists, profiles, and wherever usernames appear.
• Accessible: badge should have alternative text for screen readers indicating “Pro user”.

Additional Context:

• This is a Pro feature to further promote the value of upgrading.
• Consider different styling for the badge if used in multiple locations on site.
• May require backend/API changes for user subscription status if not already available.

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!