Implement verify sign-in widget on suppy reorder page

[wesrowe]

Description

User story

As a Veteran, I want to know I need to be signed in before accessing the supply reorder form accessible from the suppy reorder page.

Notes

• See notes in https://github.com/department-of-veterans-affairs/va.gov-team/issues/88547 about findings on suggested implementation.
• Text for the alerts can be found at https://github.com/department-of-veterans-affairs/va.gov-team/blob/master/products/content/content-patterns-and-standards/sign-in-alerts.md#verify-alert-for-loa1ial1-logingov-and-idme-accounts
• The CTA widget has provided similar alerts for other pages, but the code is cumbersome and hard to maintain. Suggestion is to create a new component/widget for this work.
• Are these alerts currently being used in the landing page? Perhaps we need to use just this component.

Possible tasks:

Acceptance criteria

• Alerts are designed and styled in Figma.
• Alerts are implemented as React component(s) that can be inserted in static pages.
• Test that alert can be added to a static page and it displays content as expected.
• QA review
• A11y review

### Tasks
- [ ] UX: Design and style alerts in Figma
- [ ] Dev: Implement alert(s) as a static page widget
- [ ] Test alert(s) in a static page.

[wesrowe]

@carlosfelix2 @LynneJohnson224 – FYSA it would be nice to let stakeholders know when this widget gets implemented in prod. That might not happen till after the CAIA steps.

Patrick knows the stakeholders and could probably handle the notification.

[carlosfelix2]

Figma link to the alerts.

[carlosfelix2]

BLOCKED: Waiting on approval of dompurify. Will submit write up 8/22/24.