PLU-363: hide formsg questions and re-label some fields

[pregnantboy]

Improve FormSG Variable Display and Labeling

Problem

Users are selecting Question variables by mistake.

Solution

• Collapses questions variables by default with a "Show more" button. We still expose them in case they are being used.
• Labels for response variables now show the question text instead (e.g., "1. What is your name?" instead of "Response 1")
• Remove answer variables for headers (paragraphs are already removed by FormSG)
• Enhances table field display to show column names when not ambiguous

  i.e. 11. Row 1 Name - Table question

• Improves address field labels
• Fix question number to match the order shown in the form (e.g. exclude headers and paragraphs)

[pregnantboy]

• PLU-363: hide formsg questions and re-label some fields #1053 👈 (View in Graphite)
• develop-v2

This stack of pull requests is managed by Graphite. Learn more about stacking.

[datadog-opengovsg]

Datadog Report

Branch report: chore/hide-formsg-questions
Commit report: e7e6c5c
Test service: plumber

✅ 0 Failed, 829 Passed, 0 Skipped, 2m 31.63s Total Time
⬆️ Test Sessions change in coverage: 1 increased (+0.07%)

[linear]

PLU-363 FormSG variables

[graphite-app]

The test description has a grammatical error. It should be either "should compute order" or "computes order" rather than "should computes order".

Suggested change

	it('should computes order for questions and answers even if order is not provided', async () => {
	it('should compute order for questions and answers even if order is not provided', async () => {

Spotted by Diamond

Is this helpful? React 👍 or 👎 to let us know.

[kevinkim-ogp]

bugbot run

[kevinkim-ogp]

lgtm, tested and confirmed that it works 👍