Refactor ui - balance card

[itsPronay]

Refactored Balance Card -

Note: the balance display for the showBalance feature has not been modified .

Here are some images

[aniruddha-adhikary]

This looks amazing @itsPronay

Could we get the source of the images and their licensing terms - just to make sure we're not violating any copyright.

[kazimmt]

@aniruddha-adhikary Can we change the word "Tap" As we're not tapping actually!

[kazimmt]

Could we get the source of the images

https://www.freepik.com/icon/money_11060039

[itsPronay]

@aniruddha-adhikary https://www.flaticon.com/packs/finance-payment-methods-green?word=finance%20green

we are good to go as long as we provide appropriate credit to the author. We can do that in licences.md file

[itsPronay]

@kazimmt I'll fix that

[itsPronay]

@aniruddha-adhikary @kazimmt I have updated the icons and the screenshots as well. Please take a look.

you will find licences here https://www.flaticon.com/free-sticker/error-page_8306265?term=error&page=1&position=4&origin=search&related_id=8306265 & https://www.flaticon.com/packs/finance-payment-methods-green?word=finance%20green

[aniruddha-adhikary]

nitpick: The last error message image appears to be a computer, could we make it a mobile phone instead? @itsPronay

[itsPronay]

@aniruddha-adhikary sure, will change that

[itsPronay]

@aniruddha-adhikary see if you like this one or should I add one with a mobile phone...!!!?

[aniruddha-adhikary]

I ran your changes! Thank you so much for your contribution. But looks like the table of transaction history is missing now.

[itsPronay]

@aniruddha-adhikary, could you tell me in which UI state the history is missing? I don't have a metro card, so I'm unable to check it myself.

Also, please let me know which UI state the history should appear in.