17095 spotlight converted to card

[jtmst]

Summary

• updates spotlight components to use VR cards in vba template
• updates classes to match desired styling

Related issue(s)

department-of-veterans-affairs/va.gov-cms#17095

Testing done

• local testing
  -test suites

Screenshots

Note: This field is mandatory for UI changes (non-component work should NOT have screenshots).

What areas of the site does it impact?

(Describe what parts of the site are impacted if code touched other areas)

Acceptance criteria

Quality Assurance & Testing

• Verify card matches desired design
  Set up and confirm local build works
• Run yarn build --pull-drupal --drupal-address=https://cms-txcrk8bym4a0ivw3xfr8xvdhezmls36f.demo.cms.va.gov/ username=[email protected] password=drupal8 to build site with needed data. Confirm the build is successful.
• Run yarn serve to view site locally.
• Confirm VBA Facility page is active by visiting http://localhost:3002/cleveland-va-regional-benefit-office/

Error Handling

• Browser console contains no warnings or errors.
• Events are being sent to the appropriate logging solution
• Feature/bug has a monitor built into Datadog or Grafana (if applicable)

Authentication

• Did you login to a local build and verify all authenticated routes work as expected with a test user

⚠️ Team Sites (only applies to modifications made to the VA.gov header) ⚠️

• The header does not contain any web-components
• I used the proxy-rewrite steps to test the injected header scenario
• I reached out in the #sitewide-public-websites Slack channel for questions

Requested Feedback

(OPTIONAL) What should the reviewers know in addition to the above. Is there anything specific you wish the reviewer to assist with. Do you have any concerns with this PR, why?

[eselkin]

LGTM

[laflannery]

Looks good!

Just noting that Josh confirmed the additional spacing is actually CMS data