Feat: Added specified error toasts, and improved button states

[Andrew718PLTS]

Description

Other changes

Added truncated amount and tooltip when the amount is more than 8 digits.

Tested

1. Put >= 22 digits into swap out amount and click the continue button (e.g., 7478773923223123234925).
2. Put >= 22 digits into swap in amount and click the continue button.
3. Select any pair with no valid median or where trading is suspended and put some amount (1) (frequently its USDC, USDT, axlUSDC).

Related issues

• Fixes Improve the UX oracle issues #156

Checklist before requesting a review

• I have performed a self-review of my own code
• I have added tests that prove my fix is effective or that my feature works
• The PR title follows the conventions
• I have run the regression tests

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
mento-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 3, 2025 0:43am

[RyRy79261]

Followed testing steps, can confirm toasts appear as expected

[nvtaveras]

Spoke to @Andrew718PLTS offline, there's a few weird ux behaviours which we'll fix:

1. After entering a swap in amount, the button becomes disabled until the quote is returned. It should become enabled again as soon as the quote is fetched (currently it takes a bit longer even though the quote is already there).
2. While testing the same thing as above, sometimes the button switches to red (error) before finally switching to the continue state
3. We show an error button whenever trading is disabled (i.e. no valid median, circuit breaker, etc) together with a toast error message. Should it just be the disabled gray continue button instead, since the error is already shown in the toast?

[Andrew718PLTS]

@nvtaveras Issues are fixed and tested on test deployment.