add first page reporting scenarios

[gmrabian]

Description

Add/update state information and reporting scenario page fields

Figma

See notes :)

Related ticket(s)

CMDCT-4097

---

How to test

• Run app or view deployed instance
• Log in as a state user
• Create a NAAAR
• Enter the report and verify the first page matches the figma
• Fill out the page and verify it all works as expected (play around with nested "other text" field)

Notes

The line separating fields from the footer buttons doesn't show up 🤔

Also the spacing is not exactly what's in the design. anyone think it's worth having the exact css in that hint text?

---

Pre-review checklist

• [ ] I have added thorough tests, if necessary
• [ ] I have updated relevant documentation, if necessary
• I have performed a self-review of my code
• I have manually tested this PR in the deployed cloud environment

---

Pre-merge checklist

Review

• Design: This work has been reviewed and approved by design, if necessary
• Product: This work has been reviewed and approved by product owner, if necessary

---

[bangbay-bluetiger]

I didn't see a line at the bottom of MCPAR or MLR either. Was it there at some point?

Edit: I don't think the line has been part of the design in MCR. It's in MFP and could probably copy over the CSS from ReportPageFooter there.

[ntsummers1]

Looks pretty great to me. Did we need that state name auto populating in this PR too or is that a separate ticket?

[jessabean]

General comment: we may want to look into refactoring the report page footer to match MFP. I think it's simpler in the other app, and the border is applied to that component instead of the content on each report page, so it's consistent wherever we use the footer.

[gmrabian]

Looks pretty great to me. Did we need that state name auto populating in this PR too or is that a separate ticket?

@ntsummers1 this will be a separate ticket (which i believe Karla already has ready!) #11920

[codeclimate]

Code Climate has analyzed commit 403c52e and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (90% is the threshold).

This pull request will bring the total coverage in the repository to 96.7% (0.0% change).

View more on Code Climate.