feature/add flags to general settings language dropdown

[codybutz]

Ref #359

Adds icons for each language in the General Settings language dropdown.

Icons from: https://www.iconfinder.com/iconsets/flags-37 (Free for commercial use)

Icons can easily be replaced in app/assets/images/flags/

Please feel free to give any feedback!

[ebeloded]

Hey @codybutz!

All looks good, however, as we're moving towards aligning the visual identity of mobile app and extension, it would be great if we don't diverge on the flags. Could you replace the flags with the ones we use in the mobile app? https://github.com/Emurgo/yoroi-mobile/tree/develop/src/assets/img/flags

You will see that German and French flags are currently missing. I'll ask the designer to get those for you today.

Thanks for your first PR!

[ebeloded]

Hey Cody! Instead of those PNGs, here are the SVGs you can drop in to use for flags:
flags-compressed.zip

[codybutz]

@ebeloded I have made the requested changes. Let me know what you think!

[ebeloded]

Nice job on this one!

There is another page with a language dropdown, which is shown the first time you launch the app.

To see the page, you will need to either clean your localStorage or remove and add the app again.

Could you add the flags there too?

[codybutz]

@ebeloded

I have went ahead and pushed those changes. I made a new widget called "FlagLabel" so that the labels can be reused between GeneralSettings and LanguageSelectionForm. I also updated the CSS to use flex, just because it's better :)

[ebeloded]

Thanks, @codybutz! Nice job on your first PR. Keep those coming ;)