feat(KLEF-42): Add Shiny Pill

[Chronyyx]

Pull Request

Summary

Adds the shiny announcement pill to the Components page header.

Related Issues

Closes Kleff #42

---

Changes

What's Included

• Adds a shiny pill-style announcement to the Components page
• Uses the existing shared shiny pill styling for consistency with the rest of the UI

What's Not Included

• No new components
• No layout changes
• No backend, API, auth, or routing changes

---

Testing

How Was This Tested?

• Verified the Components page renders the updated announcement pill
• Ran npm run build in panel/web

Known unrelated issue:

• Build compiles first, then fails on src/components/errors/ErrorDisplay.tsx:81 because meta.icon is inferred from 0 | ErrorMeta

Test Coverage

• Unit tests added or updated
• Integration tests added or updated
• Manually tested end-to-end

---

Breaking Changes

Does this PR introduce breaking changes?

• Yes
• No

---

Security Considerations

• This PR affects authentication or authorization logic
• This PR touches secrets, tokens, or environment variables
• This PR affects infrastructure, deployment pipelines, or network configuration

---

Documentation

Does this PR require documentation updates?

• Yes
• No

---

UI/UX (If Applicable)

• Includes new components or views
• Changes styles or theme tokens
• Responsive behavior verified
• Requires design approval

Screenshots or recordings:

---

Pre-Merge Checklist

• PR title follows semantic format (feat:, fix:, chore:, docs:, refactor:, test:)
• All CI checks passing
• Code follows project style guidelines
• No debug logs or commented-out code left in
• Dependencies reviewed (no unnecessary additions)
• No sensitive information included

---

Reviewer Notes

This PR is intentionally tiny: it only adds the shiny pill treatment to the Components page announcement.