Staking product cards - URLs are switched

[samajammin]

Describe the bug

Occasionally when loading the staking pools page there's a couple issues:

1. product URLs are incorrect/switched (e.g. Lido & Rocketpool are swapped)
2. product image sizing is broken - some are small, some are cropped
3. product feature icons are broken (e.g. are the black icons supposed to be x's?)

e.g.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://ethereum.org/en/staking/pools/
2. See error on product cards

Expected behavior

Cards should display consistent image sizes & correct URLs.

Screenshots

See above.

Desktop (please complete the following information):

All.

Smartphone (please complete the following information):

All.

Additional context

These doesn't seem to happen consistently, e.g. after refreshing the page they appeared fine. I'm not sure what the issue is that's causing it. I suspect it has something to do with the shuffling of products before we display them... somehow the properties are getting jumbled?

I thought it may have been an issue with not having element IDs when rendering a map of sibling components but adding ids doesn't seem to have fixed the issue: #6070

Want to contribute?

We love contributions from the Ethereum community! Please comment on an issue if you're interested in helping out with a PR.