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 https://github.com/lyqht/styled-qr-code-generator/commit/40f03e675bf7e85fceca4a75d8a167a3fe9b3bf4