[Feat Request] Use different svg sources

[KingDarBoja]

Is your feature request related to a problem? Please describe.
The library uses svg-country-flags package to load the svg flags into the dropdown selector but not all the flags have the same ratio, which can be desired on some projects.

Describe the solution you'd like
Would be great to customise the package used for loading and/or rendering svgs on the selector. Some options are listed below:

• flag-icon-css which brings squared flags (1x1) and rectangle ones (4x3) while keeping the same size for all.
• twemoji which brings lightweight svg icons in exchange of details, which can be seen here.

Maybe as an alternative library but published with a suffix like @angular-material-extensions/select-country-twemoji?

[KingDarBoja]

For anyone willing to do this, the twemoji library has the flags starting from 1f1e6-1f1e8.svg to 1f1ff-1f1fc.svg, with a total size of 664 KB.

[KingDarBoja]

Hey @AnthonyNahas

I have been working on a custom component that can be customized with different icon sources for country flags based on this feature, it is a work in progress but it supports already Twemoji icons and tree-shakable on lazy-loaded modules: NgxCountryFlagIcons

The main idea would be shipping only the icon set you want to use (so far, only Twemoji supported) and register those at the module to use.

I will be including the flag-icon-css pack this week and probably the official flags from svg-country-flags.

Cheers!