Shorten display of iPledge/Isotretinoin form's required fields

[jtquach1]

Describe your changes

Please include a summary of the changes and the related issue/task. Please also include relevant motivation and context. List any dependencies that are required for this change, including links to other pull requests/branches in other repositories if applicable.

I moved the required fields' text into chips (so each field is legible and not in a paragraph), put the chips into an expandable/retractable accordion, adjusted the spacing of the "Form Loaded" status text, the 3 buttons, and the accordion, and turned ternaries that weren't rendering anything in the falsy condition into boolean expressions.

Before

After

Issue ticket number and Jira link

Please include the Jira Ticket Number and Link for this issue/task.

https://jira.mitre.org/browse/REMS-554

Checklist before requesting a review

• I have performed a self-review of my code
• Ensure the target / base branch for any feature PR is set to dev not main (the only exception to this is releases from dev and hotfix branches)

Checklist for conducting a review

• Review the code changes and make sure they all make sense and are necessary.
• Pull the PR branch locally and test by running through workflow and making sure everything works as it is supposed to.

Workflow

Owner of the Pull Request will be responsible for merge after all requirements are met, including approval from at least one reviewer. Additional changes made after a review will dismiss any approvals and require re-review of the additional updates. Auto merging can be enabled below if additional changes are likely not to be needed. The bot will auto assign reviewers to your Pull Request for you.

[plarocque4]

This works great, I like how the output is hidden as there is much less space taken up. When you expand the errors the list still seems a little cluttered. I like how things are circled but doing it in red makes it seem busier. Maybe if they are just circled with a subtle background color like gray instead of a hard red line?

[jtquach1]

This works great, I like how the output is hidden as there is much less space taken up. When you expand the errors the list still seems a little cluttered. I like how things are circled but doing it in red makes it seem busier. Maybe if they are just circled with a subtle background color like gray instead of a hard red line?

Done