Description

A desktop icon (the same used in site/page preview) will be added on the top bar (right on Android and left on iOS in order not to affect the rest of the design). This should present a small popup with “Desktop”, “Tablet”, “Phone” options and act the same way with the site/page preview screens.
The preview screen should preserve the setting that's currently set on the HPP design selection screen and vice-versa.

Goals

• The HPP preview screen displays a desktop preview icon.
• When the icon is pressed a popup appears with “Default” and “Desktop” “Desktop”, “Tablet”, “Phone” options.
• The “Default” “Phone” option shows the mobile preview.
• The “Tablet option shows a tablet preview.
• The “Desktop” option switches to a desktop preview with a small indication in the bottom/right corner.

Additional context

This issue is part of the Layout Switching project