ERA-10484: Support EFB schemas in ER > Sections and Layout

[luixlive]

What does this PR do?

Add sections rendering in the new SchemaForm component.
This PR also adds the method makeFieldsFromSchema to construct a flat fields object from the schema to easily access the details of each field that needs to be rendered.

How does it look

Relevant link(s)

• ERA-10484
• Env

Where / how to start reviewing (optional)

• The main changes to show the sections are in src/ReportManager/DetailsSection/SchemaForm/fields/Section/index.js and its styles. Also, I had to do changes in the way we render the src/QuickLinks/styles.module.scss to match the designs.
• The change to build and provide the fields object can be found in src/ReportManager/DetailsSection/SchemaForm/index.js.

Note: why so many files changed? Changing the pattern to now use the fields object required to change most of the files related to the new SchemaForm pattern. Also, some of the design requirements to achieve sections as Tiffany envisioned them required to do changes in our quicklinks, which also required changes in the detail views for patrols and reports. Most of these changes are simple.

[swarmia]

✅  Linked to Story ERA-10484 · Support EFB schemas in ER > Sections and Layout
➡️  Part of Epic ERA-8048 · Event Type Form Builder (EFB)

[luixlive]

@fonzy911 @AlanCalvillo let me know if you would like me to add some other schemas for you to test different rendering of sections 👍

[tiffanynwong]

Hi! This is looking great!! I have a few questions and comments:

1. What is the "selected schema: Sections" text?

2. Can we remove that text and reduce the space between the meta data section(reported by, priority, etc) and the first section so it equals the same space between all sections?

[tiffanynwong]

3. Section Label spacing: Just a few spacing improvements to make things easier to read

• Change stroke weight under the section label to 1px instead of 2px
• There should be more space between the top of the section label and the top of the section. Maybe add 16px top margin?
• There's a lot of space between the section label and the fields, maybe reduce bottom margin to 8px?

Just realized this is a PR for the validations, so sorry if these comments don't apply. The validations look sooooo good!