Add "Prepare for your appointment" content to video appointments

AdamOye commented 3 months ago

Issue Description

Add "Prepare for your appointment" section to video appointments. These appointment types include the "how to set up your device" instructions.

Additional requirements:

The new section shouldn't appear for past appointments - just upcoming and canceled. Past appointments are kind of a mini-medical record, with (soon) info like after-visit summary and travel pay, so we treat those differently.
The link should open in the same tab since it's a va.gov link and there's no risk of data loss. See guidance on opening external links.
The content under the heading has a font size of 16px, while the link is 16.96px (which is the new standard base size) - see screenshot below. Both should be 16.96px.
The content under the heading should ideally be wrapped in some kind of semantic tag (like <p>) to help screenreader users navigate - see the paragraph elements section in this WebAIM article. Pleast notify the team if this is going to make it tricky to get the spacing right.

Modify VideoInstructionsLink & VideoVisitInstructions component.

[ ] When the user opens a VVC Video at home appointment A Prepare for your appointment section shows above the appointment actions And the content matches the design spec And the Find out what to bring to your appointment link points to the URL
[ ] When the user opens a canceled VVC Video at home appointment A Prepare for your appointment section shows above the appointment actions And the content matches the design spec And the Find out what to bring to your appointment link points to the URL

[ ] When the user opens a VVC Video over GFE appointment A Prepare for your appointment section shows above the appointment actions And the content matches the design spec And the Find out what to bring to your appointment link points to the URL

[ ] When the user opens a canceled VVC Video over GFE appointment A Prepare for your appointment section shows above the appointment actions And the content matches the design spec And the Find out what to bring to your appointment link points to the URL

[ ] When the user opens a Video at an ATLAS location appointment A Prepare for your appointment section shows above the appointment actions And the content matches the design spec And the Find out what to bring to your appointment link points to the URL

[ ] When the user opens a canceled Video at an ATLAS location appointment A Prepare for your appointment section shows above the appointment actions And the content matches the design spec And the Find out what to bring to your appointment link points to the URL

[x] The changes are approved by the UX/UI team and any relevant stakeholders.
[ ] The updated wording is reflected in user guides and help documentation where applicable.