[WIP] Allow QR based points purchase

[aliseyalvi]

What does this PR?

This PR is WIP.

• Remove Buying points options from HIVE and HBD, we will only be offering buying points with in-app purchase.
• Move QR option just beside search in home screen. and move show/hide images to settings
• QR support for https://ecency.com/purchase?type=points&username=demo and https://ecency.com/purchase?type=points&username=demo&product_id=099points
• In case of qr based purchase, you can use showActionModal with header content showing username and avatar to whom points will be awarded... also add a confirmation body that include username of that user as well.
• Points screen should also show username to whom this points will be awarded to... just like we do in boost screen, show same style avatar username like Account boost but on top of the list dispatch(showActionModal(actionModalData))

Issue number

fixes #2401

Screenshots/Video

screencast.2022-08-12.20-46-19.mp4

[aliseyalvi]

screencast.2022-08-13.20-28-32.mp4

[noumantahir]

prop that enables qr button has misleading meaning... check here,

ecency-mobile/src/components/header/view/headerView.tsx

Line 113 in ff9d532

{enableViewModeToggle && (

[noumantahir]

perhaps it should be Show Images with (i) capital... most apps use text this way in settings...

[noumantahir]

I link this approach, may be we can add a TODO comment to port more settings types here later.

[noumantahir]

UI does not seem just here.... perhaps make Boost all caps like GET POINTS it can even be GET BOOST, asking feruz in group as well.... verified by feruz

[noumantahir]

@aliseyalvi

• Points screen should also show username to whom this points will be awarded to... just like we do in boost screen.

[feruzm]

@aliseyalvi @noumantahir yes, actually I would just add another ribbon into Points purchase page with username and avatar.

Best deals
Popular
(avatar) username

Or show same style avatar username like Account boost but on top of the list if username props exist (from QR scan) otherwise if accessed from app directly, we don't need to show avatar+username.

[noumantahir]

Or show same style avatar username like Account boost but on top of the list

@aliseyalvi @feruzm This what I am referring to, also quick to implement

[noumantahir]

lgtm now....

• minor UI fine tune from my side

[feruzm]

lgtm