Visually stack all of the rarities of the same badge

[starpause]

Is your feature request related to a problem? Please describe.
Right now the same badge is shown multiple times (transfer badge in the screenshot). It's a bit confusing, when I first looked at it I had to figure out that those 3 badges were measuring the same thing.

It also took me some time to realize I was seeing the Epic badge even though I hadn't earned it. The cards look nice but there's so much color going on in the page I overlooked the green checkmark in the corners of the cards.

Describe the solution you'd like
Since all of the "transfer" badges are measuring the same thing and have the same icon it would make sense to stack them together. The card could have an indicator to show what level of badge has been achieved and all of the available levels (teasing progress).

Additional context
This approach would apply to future badges with tiers of rarity.

In the future when there are more badges it will be a higher priority to stack them. Otherwise the screen will become cluttered.

[encody]

Something like... this? Ignore the progress bar, this is a screenshot from one of the designs. In other words, a feature I wish I had time to implement. 😁