[AlexAndBear]

Description

Before

After

Polishes the announcement banner (introduced in #2967) and its details modal.

Banner

• The banner text is now left-aligned and bold.
• When the announcement has info text, the whole banner area (full height, up to the divider) is a single button that opens the details modal. A Details label with a right chevron is shown at its right end, separated from the dismiss button by a vertical divider.
  • Why: until now, the only way to open the details was clicking the banner text itself. Regular users won't necessarily know that the text is clickable, so the details were easy to miss. The explicit "Details" label makes the action discoverable, while the large click target keeps it easy to hit.
• No hover underline on the banner text, consistent with the rest of the UI.

Details modal

• The content is wrapped in an oc-section that uses the banner text as its title and the same information icon as the banner (not expandable, no subtitle). The modal header now reads "Announcement", so the banner text isn't shown twice.
• The "Close" button at the bottom was removed. The modal is closed with the standard close button at the top right, to be consistent with all other modals.

Related Issue

• Fixes: no issue, polish follow-up to feat: add announcement banner #2967

How Has This Been Tested?

• test environment: local dev setup, unit tests (Vitest)
• test case 1: banner with info text shows a left-aligned bold text, a "Details" label at the right end of the banner button and the dismiss button; clicking anywhere on the banner button opens the modal
• test case 2: banner without info text shows no "Details" label and the text is not clickable
• test case 3: the modal shows the banner text as section title with the info icon and can only be closed via the top right close button
• e2e helper updated to open the modal via the "Details" label and close it via the top right close button

Types of changes

• Bugfix
• Enhancement (a change that doesn't break existing code or deployments)
• Breaking change (a modification that affects current functionality)
• Technical debt (addressing code that needs refactoring or improvements)
• Tests (adding or improving tests)
• Documentation (updates or additions to documentation)
• Maintenance (like dependency updates or tooling adjustments)

[dschmidt]

Not the biggest fan of the "Announcement" header in the modal, otherwise I'm pretty much without any emotion towards this change.