[CL-204][CL-345] fix web header truncation and stories

[willmartian]

🎟️ Tracking

https://bitwarden.atlassian.net/browse/CL-345
https://bitwarden.atlassian.net/browse/CL-204

📔 Objective

• fix web header component stories, which were previously disabled due to a runtime error
• prevent content passed to the title-suffix slot from being truncated

📸 Screenshots

See "Web/Header" stories.

In the "Long Title" story, observe that the key icon is not truncated.

⏰ 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

[codecov]

Codecov Report

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

Project coverage is 35.30%. Comparing base (7984bb3) to head (324c2c0).

Files with missing lines	Patch %	Lines
...s/web/src/app/layouts/header/web-header.stories.ts	0.00%	45 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##             main   #13318       +/-   ##
===========================================
+ Coverage   15.76%   35.30%   +19.54%     
===========================================
  Files          27     3129     +3102     
  Lines        1884    92645    +90761     
  Branches        0    16826    +16826     
===========================================
+ Hits          297    32709    +32412     
- Misses       1587    57476    +55889     
- Partials        0     2460     +2460     

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

[github-actions]

Checkmarx One – Scan Summary & Details – c4d5dfe4-39eb-4690-8509-a219d10b3f8c

New Issues (4)

Checkmarx found the following issues in this Pull Request

Severity	Issue	Source File / Package	Checkmarx Insight
	CVE-2025-0995	Npm-electron-34.0.0	Vulnerable Package
	CVE-2025-0996	Npm-electron-34.0.0	Vulnerable Package
	CVE-2025-0997	Npm-electron-34.0.0	Vulnerable Package
	CVE-2025-0998	Npm-electron-34.0.0	Vulnerable Package

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud