Align Form 21a Steps 7 and 8 with V4 Designs

[williamphelps13]

Problem

Mockups/Designs

Align the current implementation of these steps with our V4 Designs.

Prerequisites

• Design and stakeholders communicate that the V4 Designs are ready
• Feedback for steps 7 and 8 are provided from OGC to inform V4 decisions

Acceptance Criteria

• [ ] The steps are ready for production
• [ ] A user can complete the steps with ease and lack of confusion
• [ ] The steps align with V4 Designs
  • Note: V4 Designs may change based on technical limitations discovered in this work, but engineering implementation and V4 Design should be aligned by the end of this ticket. This means design could agree that it is needed to update their designs based on these limitations.

Automated Testing

• The step has updated and thorough e2e testing in Cypress

Accessibility (A11y) Testing

• There are no A11y errors in the console
• The developer does not degrade built in VA Form Library A11y in order to implement custom functionality

[kristen101606]

We didn't have time for this at the conclusion of the project. Future developers should work of the v5 page in Figma.