CollapsedQR: Tap to enlarge QR

[myxmaster]

Description

Due to scanning issues caused by several factors (overall QR size, small quietZone, low contrast because of new theme colors) this adds ability to tap on the QR to enlarge it to fullscreen. It will also use black/white colors and increase quietZone. To go back to normal mode you can tap anywhere.

QuietZone is now relative to screensize (before it was relatively smaller for bigger screens) and normal size of QR (before tapping) is now slightly smaller.

Before:
Phone:

Tablet:

After:
Phone:

Tablet:

This will also fix #1604.

This pull request is categorized as a:

• New feature
• Bug fix
• Code refactor
• Configuration change
• Locales update
• Quality assurance
• Other

Checklist

• I’ve run yarn run tsc and made sure my code compiles correctly
• I’ve run yarn run lint and made sure my code didn’t contain any problematic patterns
• I’ve run yarn run prettier and made sure my code is formatted correctly
• I’ve run yarn run test and made sure all of the tests pass

Testing

If you modified or added a utility file, did you add new unit tests?

• No, I’m a fool
• Yes
• N/A

I have tested this PR on the following platforms (please specify OS version and phone model/VM):

• Android
• iOS

I have tested this PR with the following types of nodes (please specify node version and API version where appropriate):

• Embedded LND
• LND (REST)
• LND (Lightning Node Connect)
• Core Lightning (c-lightning-REST)
• LndHub
• [DEPRECATED] Core Lightning (Spark)
• [DEPRECATED] Eclair

Locales

• I’ve added new locale text that requires translations
• I’m aware that new translations should be made on the ZEUS Transfix page and not directly to this repo

Third Party Dependencies and Packages

• Contributors will need to run yarn after this PR is merged in
• 3rd party dependencies have been modified:
  • verify that package.json and yarn.lock have been properly updated
  • verify that dependencies are installed for both iOS and Android platforms

Other:

• Changes were made that require an update to the README
• Changes were made that require an update to onboarding

[shubhamkmr04]

Great idea! I think we should combine this with @kaloudis's PR; maybe we can tap to toggle it to white and hold the QR to enlarge it

[myxmaster]

maybe we can tap to toggle it to white and hold the QR to enlarge it

Not a bad idea either, but I talked to @kaloudis before doing this and we thought about using hold (long tap) for copying QR image to clipboard. Not sure about that yet, but I think making it large and black/white is totally fine to combine. Intention is to make scanning more easy with the tap and both helps for this.

[kaloudis]

tACK