Optimise error messages (claim)

[fairlighteth]

Summary

• Re-uses the ErrorMessage styled component to improve display of (validation) messages.
• Distinguishes between 'danger' (error) messages and 'info' messages. This way errors are in better contrast with info messages.
• Changed text on some of the validations. Feel free to amend/review.

[github-actions]

• 🔭 GP Swap: CoW Protocol v2 Swap UI

[alfetopito]

I personally find that these colors (as well as the previous orange) do not have a good contrast on dark mode

Is it just me?

[elena-zh]

Hey @biocom , nice!

But as for @alfetopito I also think that it would be nice to make a better contrast for the messages in the dark mode.
Btw, I personally do not like 'pink' colors 😬. At least they remind me Uniswap colors...

Also, I'd like to propose to make these messages brighter to pay user's attention to them. WDYT?

[anxolin]

I like it very much. Approving, although agree on the comments above

[fairlighteth]

Update the color red color for the different color modes. Also double check if the color contrast meets the contrast ratio AA score:

---

[fairlighteth]

Pushed an updated to address @elena-zh 's comment on

Also, I'd like to propose to make these messages brighter to pay user's attention to them. WDYT?

[elena-zh]

LGTM!