Remove 50% and Max from the Backstop pool withdraw UI

[Sharqiewicz]

What:

Remove 50% and Max from the Backstop pool withdraw UI

✅ Change color of Nabla dialog inputs
✅ Fix Nabla loading buttons styles
✅ Remove 50% and Max buttons
✅ Refactor Nabla modals to use reusable dialog components
✅ Add a space between Nabla Pool dialog asset and asset name ( Closes: #489 )

Closes: #478

[netlify]

✅ Deploy Preview for rococo-souffle-a625f5 ready!

Name	Link
🔨 Latest commit	8117ef0
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-souffle-a625f5/deploys/667c1ec626d2ba0008f9ce2d
😎 Deploy Preview	https://deploy-preview-496--rococo-souffle-a625f5.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.

[ebma]

I can confirm that the change for #489 is as expected.

For the '50%' and 'MAX' button, ticket #478 specified that these should only be removed when withdrawing, not for depositing. So we should not remove them altogether but just hide them in these cases.

[Sharqiewicz]

@ebma I have corrected what you asked for. Now when you click 50% or Max you may find that too many decimals are shown. This is corrected in PR #506 so there is no point in implementing it in this PR

[ebma]

Works for swapping but the actions are now also missing for the deposit screen of the backstop pool which they should not.

[Sharqiewicz]

@ebma I've added for Backstop Pool Deposit and I changed the naming

[ebma]

Cool, works now 👍