New implementation for currency on native app

[mahmed0715]

Fix #1896
Fix #1772
Implemented currency for native app. @sagararyal as expected.
menu item on drawer left,
show featured/all currencies
used this as global currency
reflect this change to other places like currency selector in donation process/all plantproject pricess in donation process

if logged in used profile currency everywhere
onupdate the global currency if logged in update profile in db..

Issues:

• replace constant 'EUR' with context.currency? New implementation for currency on native app #1887 (comment)
• use some default icon for EUR as this will be the chosen currency for most of our current users. Maybe @jmiridis can add the European flag to our assets? Maybe there is a nice € symbol in our icon font? Or we just use an emoji like 💶? But an empty space looks like something is missing.
• clarify number formatting for different currencies and chosen language at New implementation for currency on native app #1887 (comment)
• clarify border and borderless search field at New implementation for currency on native app #1887 (comment)
• upload XC flag to CDNs New implementation for currency on native app #1887 (comment)

[sagararyal]

I tested this, but it is very unresponsive.

@mahmed0715 I've shared a video of how it should be in Slack.

[mahmed0715]

@sagararyal pls see

[sagararyal]

@mahmed0715 the flags are not as they should be. the fonts and width also doesn't look as in design

I think @ankitecd can take over for design.

[norbertschuler]

• Changing currency does not change the currency localization format

@sagararyal I won't change the number formatting of currencies based on the chosen currency. In Germany I would except the numbers still to be formatted as German numbers even if another currency symbol is appended.

[norbertschuler]

• Follow design for search bar [current implementation is ugly]

I am confused: Should there be a border around the search field (and closing button) now or not? (I prefer a border, but that's just my personal feeling.)

[norbertschuler]

Please add missing translation resources.

[harshvitra]

• Follow design for search bar [current implementation is ugly]

I am confused: Should there be a border around the search field (and closing button) now or not? (I prefer a border, but that's just my personal feeling.)

@ankitecd
Add thin underline under the search bar when active

[harshvitra]

@sagararyal I won't change the number formatting of currencies based on the chosen currency. In Germany I would except the numbers still to be formatted as German numbers even if another currency symbol is appended.

We will discuss later, now we can push without this one

[harshvitra]

• use some default icon for EUR as this will be the chosen currency for most of our current users. Maybe @jmiridis can add the European flag to our assets? Maybe there is a nice € symbol in our icon font? Or we just use an emoji like 💶? But an empty space looks like something is missing.

We can add icons in the backend ourselves
https://github.com/Plant-for-the-Planet-org/treecounter-platform/tree/develop/web/flags

[norbertschuler]

We can add icons in the backend ourselves
https://github.com/Plant-for-the-Planet-org/treecounter-platform/tree/develop/web/flags

I added the EU flag and @sagararyal has distributed it to all CDNs. Unfortunately loading the PNG files of all countries produces quite some traffic. Having the flags locally would be better.

[norbertschuler]

• The east caribbean dollar (XCD) has the same problem as EUR as it's used for several countries and I don't know of any flag for it. Currently the app tries to load a file named XC.png, but we don't have it in our assets.

Update: I added a flag to the backend. @sagararyal would need to copy it to all our CDNs.

[norbertschuler]

Not knowing about the final design issue of the UI for the search field, I would approve this now. Also I know loading all the flag PNG image isn't optimal.

[norbertschuler]

@sagararyal can you help deciding or solving the last two open issues, so we can merge this PR?

[sagararyal]

todo:

• Fix for Header
  replace cross with back button when search is initiated. [so the cross on right can be removed]

• Sort All Currencies alphabetically

• Add padding at the bottom of the list, so the currency at end of list can be clicked in iPhone X.

[norbertschuler]

• Sort All Currencies alphabetically

@sagararyal Do you mean sorting by currency symbol or currency name? This would be sorting by currency symbol with German currency names: