VAMC Health Services template: adopt V1 & v3 components (incl spotlights) where components aren't used

[jilladams]

Description

#16997 tracked adopting existing V3 components

VAMC Health Service pages need the following updates to components:

Example pages:

• VAMC Boston Health Services
• VAMC Minneapolis health Services

Elements that are not using components that should be

1. Link
   • Links are not using a component but should be using the v1 component if possible, with the understanding that CMS content has limitations
2. Telephone
   • The component should be used if possible, with the understanding that CMS content has limitations
   • Exts in phone numbers should be parsed correctly
3. Back to top
   • The page meets the criteria guidelines for the Back to top component I believe so this should be added
4. Spotlights
   • We are updating the spotlights to use the card component.
   • This will include:
     • Outline
     • bg color
     • header level
   • Will NOT include the link treatment in card screenshot below.
   • Future state: Figma design with full annotation notes.

Acceptance Criteria

• Link component has been added
• Back to top component has been added, if applicable
• Card component, with correct markup has been added to Spotlights
• Update and run existing test(s).
• If additional tests are needed, stub a ticket to note this for future work.
• Requires accessibility review
• When PR is ready to merge, @jilladams for change management trigger
• Change management for Spotlight update
• Backport findings re: Spotlight grid to Adopt spotlight-card class on spotlight cards on Vet Centers and VBA #18126

[laflannery]

I added an AC for change management for the spotlight section - I spoke to @mmiddaugh and since there is a large-ish display chang she felt that giving folks a heads up that this was happening would be good.

[laflannery]

Telephone moved to #16148

[jilladams]

We don't want naked link but we do have to put up guardrails when editors inevitably put them in
To achieve that: create the Spotlight section in a way that they'll all have an equal width if an editor adds a naked links when there are multiple spotlights. (#18126 offers a potential solution.)

[laflannery]

@jilladams - updated your comment above with just some more specific context

[randimays]

I saw the change management discussion in Slack here: https://dsva.slack.com/archives/C06NMUK12LR/p1716323803156549. Please let me know if there are any other things we need to do from an engineering perspective.

The code has been merged to production and validated successfully. Closing!