A4A: Display agency name in sidebar header

[jkguidaven]

Part of A4A-1996

Proposed Changes

• Display the agency name in the A4A sidebar header next to the logo
• Add styling for the agency name with text truncation for long names

Why are these changes being made?

Agencies reported being unsure if they were logged in with the correct account. By displaying the agency name in the sidebar header, users can quickly identify which agency account they are viewing, improving the portal experience and reducing confusion.

Testing Instructions

1. Log in to the A4A portal with an agency account
2. Verify the agency name appears in the sidebar header next to the A4A logo
3. If the agency name is long, verify it truncates with an ellipsis
4. Test on narrow viewports to ensure the layout remains correct

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• Have you written new tests for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you tested accessibility for your changes? Ensure the feature remains usable with various user agents (e.g., browsers), interfaces (e.g., keyboard navigation), and assistive technologies (e.g., screen readers) (PCYsg-S3g-p2).
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
  • For UI changes, have we tested the change in various languages (for example, ES, PT, FR, or DE)? The length of text and words vary significantly between languages.
• For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-aUh-p2)?

Linear Issue: A4A-1996

  

[github-actions]

Link to live branch is being generated...
Please wait a few minutes and refresh this page.

[matticbot]

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

• help-center

To test WordPress.com changes, run install-plugin.sh $pluginSlug cursor/A4A-1996-agency-name-display-5240 on your sandbox.