Show end users separate answers/options on separate lines in the review page

[anikbrazeau]

Description

When selecting options from a checkbox or attestation (any question with multiple selections), or when filling out fieldsets such as address (with multiple fields) all the answer content gets amalgamated into one line, making it harder for the user to scan / review and different from the way it was parsed when filling out the form.

Steps to reproduce

1. Go to GC Forms Staging
2. Create a multi-page draft form with checkboxes, attestation, address (as one entity).
3. Test filling out the form
4. Check multiple options for attestation and checkboxes and fill in all address fields
5. Go to Review page
6. See how content gets amalgamated

Details

• Browser: Chrome
• Operating system: Mac
• Environment: Staging
• Language: English and French
• Viewport: Desktop

Expected behaviour

Show answer content in the most similar way to how it was filled out.
For checkboxes or multi-selectable answers, each answer should be on a separate line for readability/scannability.
For address or groups of fields, each input field could also be on a separate line to match the user mental model.

Screenshots or videos