Added the UI fix to the calculator

[jedstroke]

PR Fixes:

• Made all the Calculator UI fields reactive & added tooltips
• Fixed the the x-axis tick issues

Resolves #3

Checklist before requesting a review

• I have performed a self-review of my code
• I assure there is no similar/duplicate pull request regarding same issue

[akiraonstarknet]

Issues so far @jedstroke

1. The second token is always ETH irrespective of what i select
2. No logo shown on second token
3. min price and max price do not invert on change token being denominated in. E.g. if min is 1500 STRK/ETH, should be 0.00066666 when other token is selected. Same logic as current price
4. by default min price and max price to be +- 10% of current price
5. Default current price formula is selected token price / other token price. Example if STRK price is $1.2 and ETH price is $3000, and we have ETH as base token selected in liquidity range, the price is ETHprice / STRK price and text is STRK per ETH. Similarly opposite if STRK is selected i.e. current price is STRK price / ETH price and text as ETH per STRK

Attaching loom https://www.loom.com/share/12f4158eeceb44ce87b8dff28e28f3f9?sid=bf151e82-0b7f-45f9-b739-8c05fc57d754

Feedback on calculations will be shared later.

[akiraonstarknet]

@all-contributors please add @jedstroke for code

[allcontributors]

@akiraonstarknet

I've put up a pull request to add @jedstroke! 🎉