CL-276 - Update tab styles

[danielleflinn]

🎟️ Tracking

https://bitwarden.atlassian.net/browse/CL-276

📔 Objective

Update the tab component styles to match the new Design System styles:

• Update top border radius for active and focus states
• Update focus ring to primary-600
• Remove active state text underline
• Update disabled styles

📸 Screenshots

Before:

After:

⏰ Reminders before review

• Contributor guidelines followed
• All formatters and local linters executed and passed
• Written new unit and / or integration tests where applicable
• Protected functional changes with optionality (feature flags)
• Used internationalization (i18n) for all UI strings
• CI builds passed
• Communicated to DevOps any deployment requirements
• Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team

🦮 Reviewer guidelines

• 👍 (:+1:) or similar for great changes
• 📝 (:memo:) or ℹ️ (:information_source:) for notes or general info
• ❓ (:question:) for questions
• 🤔 (:thinking:) or 💭 (:thought_balloon:) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
• 🎨 (:art:) for suggestions / improvements
• ❌ (:x:) or ⚠️ (:warning:) for more significant problems or concerns needing attention
• 🌱 (:seedling:) or ♻️ (:recycle:) for future improvements or indications of technical debt
• ⛏ (:pick:) for minor or nitpick changes

[github-actions]

Checkmarx One – Scan Summary & Details – 6b82c2ec-9251-4993-a6eb-3d23ab646ee3

New Issues (2)

Checkmarx found the following issues in this Pull Request

Severity	Issue	Source File / Package	Checkmarx Insight
	Client_Hardcoded_Domain	/apps/web/src/app/billing/shared/payment/payment.component.ts: 75	details The JavaScript file imported in "https://js\.stripe\.com/v3/?advancedFraudSignals=false" in /apps/web/src/app/billing/shared/payment/payment.componen... Attack Vector
	Client_Hardcoded_Domain	/apps/web/src/app/billing/shared/payment/payment.component.ts: 75	details The JavaScript file imported in "https://js\.stripe\.com/v3/?advancedFraudSignals=false" in /apps/web/src/app/billing/shared/payment/payment.componen... Attack Vector

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 2 lines in your changes missing coverage. Please review.

Project coverage is 35.25%. Comparing base (dd1047c) to head (b362b30).
Report is 8 commits behind head on main.

✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
...ponents/src/tabs/shared/tab-list-item.directive.ts	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #13063      +/-   ##
==========================================
+ Coverage   35.10%   35.25%   +0.15%     
==========================================
  Files        3000     2997       -3     
  Lines       91332    90886     -446     
  Branches    17095    16975     -120     
==========================================
- Hits        32065    32046      -19     
+ Misses      56762    56351     -411     
+ Partials     2505     2489      -16     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.