Upgrade Monitoring Setup Page, Add Preview #861m3rw8q

This issue is the continuation of #240+

This time it is about adding a preview mode to the Monitoring Setup Page.

What is to be done?

In edit mode:

• Hide the send button
• Add a preview button to switch to preview mode

In preview mode:

• Show the send button
• Add an edit button to switch back to edit mode
• Hide the back (to home) button
• Hide all lists/categories that do not contain questions
• Hide all the edit buttons

Colors

• The send button should use the share color (set .category on its action to share)
• The preview button should use the share color (set .category on its action to share)
• The edit button (in preview mode) should use the create color (set .category on its action to ceate)

Where to start?

• MonitoringSetupPageComponent

Layouts

Here's what the the final screens should look like. The last image with showing the edit mode is only there for the preview button on the bottom :)

figma

This PDF with Annotations