Qr code should be viewable at all times

[lyqht]

currently

On desktop, if u have to scroll down to play w the settings at the bottom, you will have to scroll back up to see the preview.

On mobile, it's intentionally designed so the user see the settings first before seeing the QR. However this leads to a similar problem of having to scroll down in order to see the QR

possible solution

For desktop, just make qr code sticky/fixed.

For mobile, there are a few possible ways to do this:

1. Show a small version of the qr code at the side while user is at settings, then when they reach the actual qr code section, the small qr code should zoom/transform into the main qr code OR
2. Use a bottom sheet (preferred)

[lyqht]

Fixed this issue for Desktop in 40f03e6