upcoming: [M3-9539] - Quotas Tab Beta Chip

[abailly-akamai]

Description 📝

Small PR to add a Beta Chip to the /account "Quota" tab.

1. We still had a <BetaChip /> in manager/src/components/ after migrating it to @linode/ui
2. The chip color prop was also broken (default/primary were doing the same thing) so I added a secondary prop instead and if no color is passed it'll default to primary. No change for existing instances since they were all already inheriting the primary styles.

Changes 🔄

• Delete old instance of <BetaChip /> in manager/src/components/
• Fix <BetaChip > color prop
  • keep primary as default (existing instances)
  • add secondary style from UX guidance
• Add new chip to the /account "Quota" tab
• Update tests

Preview 📷

Light Mode	Dark Mode

How to test 🧪

Verification steps

• Navigate to /account and confirm new chip
• Confirm no regression with existing instances of beta chip (Primary Nav, Database Create)

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All unit tests are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[github-actions]

Coverage Report: ❌
Base Coverage: 79.96%
Current Coverage: 79.93%

[linode-gh-bot]

Cloud Manager UI test results

🔺 1 failing test on test run #6 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
1 Failing	538 Passing	3 Skipped	112m 42s

Details

Failing Tests
	Spec	Test
❌	search-volumes.spec.ts	Search Volumes » creates two volumes and make sure they show up in the table and are searchable

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/volumes/search-volumes.spec.ts"

[mjac0bs]

Navigate to /account and confirm new chip

👋🏼 new chip

Confirm no regression with existing instances of beta chip (Primary Nav, Database Create)

These look good. What was UX's guidance for when to use the secondary color vs. primary?

(Asking because I'm wondering whether ApplicationPlatform for LKE should use the secondary color at some point. Currently, it doesn't even use a BetaChip; it uses a Chip for which the label is "BETA". That works for now while APL is disabled for LKE-E, but making a ticket [M3-9608] to switch this over to a BetaChip in the future while I'm here...)