Fix bugs with slippage settings and improve user experience

[the-syndrome]

After talking with @esteblock I saw he wants to emulate more closely the slippage config on Uniswap. This change accomplishes that and goes a little further making it easier for the user.

FYI: It depends on my previous PR which I accidentally left in the main branch.

Before

Previously when it opened the first time it was expanded and the wrong text.

Compare with Uniswap

https://github.com/soroswap/frontend/assets/165131835/e4c928e0-8d1b-4f0b-9b39-8f194bcaee13

After

https://github.com/soroswap/frontend/assets/165131835/ec22d858-9937-400f-98d8-cf1f67e00980

---

Specific details

• By default when it opens it's in the auto state not showing the textbox yet
• Fix toggling auto or custom
• Make clicking and typing the slippage toggle to custom
• Allow up down arrows with 0.1 increment and decrement
• When opening the dialog and custom slippage focus and select allowing the user to quickly change it again.
• Fix number formatting & connect better with state module

[vercel[bot]]

@the-syndrome is attempting to deploy a commit to the Soroswap Team on Vercel.

A member of the Team first needs to authorize it.

[the-syndrome]

As an aside I couldn't figure out how to get the placeholder to dim like on other text boxes. Maybe someone can show me?

[abstract829]

good work