feat: qr codes

[SputNikPlop]

This is my partial attempt on how to get #904 implemented. Any feedback and help is welcome.

[kevmo314]

I don't seem to see the QR code?

Also I think this is on the right track, but let's make the following changes from a UI perspective:

1. Let's make the QR code more discoverable. Next to the search icon, add a qr code icon https://fonts.google.com/icons?selected=Material+Icons:qr_code:&icon.query=code that when tapped shows the qr code.
2. When the QR icon is tapped, close the drawer
3. When the QR icon is tapped, show it in a bottom sheet like how the search channels feature works
4. Change @muxfd to /muxfd
5. Change the blue font color to white.
6. Tapping on the bottom sheet should change the background (I can't seem to trigger the background change right now)

The biggest issue right now is the feature isn't super discoverable so this would make it easier to find.

[SputNikPlop]

@kevmo314 Ok good points made, also that makes more sense since on the issue I had to drop the modal sheet because I could only get that to work with iOS 13

[SputNikPlop]

@kevmo314 what do you think about moving the /username part outside the card part? maybe a bit more of an edge up top?

[kevmo314]

@kevmo314 what do you think about moving the /username part outside the card part? maybe a bit more of an edge up top?

My 2c on the UI

1. Move the name outside the QR code.
2. Make the gradient background the entire bottom sheet's background.
3. Give the QR code a white rounded background (the gradient you have now), leave the padding as-is
4. Make the QR code circles instead of squares: https://github.com/theyakka/qr.flutter/blob/master/example/lib/main_screen.dart#L34C22-L53