Create Disability Rating and Monthly Payment Component

[ajsarkar28]

Overview This ticket covers creating the new disability rating and monthly payment component. The implementation of these components is in the About you section creation and content ticket.

Component Creation

• A new disability rating/monthly payment component is created, that reflects the designs in this figma file
  • Component data includes:
    • Disability rating %
    • Monthly compensation payment amount
  • See this Mural for data appearance logic
• VQA by Lauren and Therese is required to complete this ticket

Accessibility & Content

• All accessibility guidelines in previously linked Figma file have been followed
• All content is linked in this Mural

[TKDickson]

Test rail cases

[TKDickson]

• We (QA and Eng) didn't understand the accessibility annotations on the Figma for this component - so immediately asked, figured it out, and pushed in a change to match the original intent.

Now, Android only, we're seeing the same type of thing in the DR and $ portions as have seen previously (reads as: “disability rating 70% service connected” (swipe) “70%” (swipe) “service connected”)

[TKDickson]

Right now, the disability rating and military service history API calls kick off during the sync screen, but the letters beneficiary call only kicks off AFTER the home screen loads. Can we be front-loading the beneficiary call as well, to make loading the $ info on the home screen (or the entire about you section, I think, after #7968 adds the loading stuff) faster?

[TKDickson]

Wrote #8143 after conversation with Binny; should ideally be addressed at the same time as the API refresh/activity reloading behavior (which is still unticketed work)

[TKDickson]

See comment on #7940 for initial-issues-found resolution comment. It's weird because there are two tickets with a single PR.

[TKDickson]

With QA and VQA signoff (see the above ticket again), merged to XL and closing

[TKDickson]

belated test run link