489 change formatstyling of quote comparison

[gianfra-t]

Note: Please, merge first #491 first.

Issue: #489.

This PR changes the formatting of the price provided by competitors, as well as a green highlight for the Vortex entry when the comparison is better.

[netlify]

✅ Deploy Preview for pendulum-pay ready!

Name	Link
🔨 Latest commit	987b8c5
🔍 Latest deploy log	https://app.netlify.com/sites/pendulum-pay/deploys/67c75cd2215f820008b4b6c3
😎 Deploy Preview	https://deploy-preview-494--pendulum-pay.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[gianfra-t]

@pendulum-chain/devs since we can't get the query using the preview, here are a couple screenshots, both a positive and negative comparison:

[ebma]

I didn't check the code yet but first want to clarify. If a provider other than Vortex has the best rate, we should be fair and also give them the "best rate"-rectangle. This doesn't seem to be the case on your second screenshot, or is it?

[gianfra-t]

This doesn't seem to be the case on your second screenshot, or is it?

Exactly... I assumed we would aim to always be lower.

[ebma]

Haha yes of course. Ideally, it's only shown for Vortex 🤡 IIRC wise was also highlighting the other competitors if someone else had in fact the best rate.

[gianfra-t]

@pendulum-chain/devs any provider will be highlighted now, if the rate is better.