Improve Pendulum AMM UI

[prayagd]

Problem Statement
The pendulum webApp currently cannot swap any other pair apart from USDC <-> EUR, also he cant create dynamic token pair and add liquidity.

User Story

1. As a Pendulum webApp user, I should be able to select the assets that i want to swap
2. Before performing the action of swapping assets i must be able to see the quote the AMM is providing me.
3. Also the AMM should give an estimate how much would be the transaction fees.
4. Either i should get a prompt of the transaction been submitted or transaction successful.
5. User should also be able to create a dynamic token pair and add liquidity to that pair. For ex. This is done using adding token address on the ETH AMMs. Will let devs figure how to be done here on Polkadot.
6. While adding liquidity the user should be able to see what % of share the pool his liquidity has.
7. Once he adds liquidity he should be able to receive and see the liquidity token pair in his wallet.
8. Next the user should be able to remove his liquidity from the AMM.

Acceptance Criteria

The webApp user should be able to smoothly perform a swap, add liquidity and remove liquidity on the AMM apart from USDC and EUR token pair.

Adding UI references
Add Liquidity interface

Swap Interface

Remove liquidity interface
to be added

[prayagd]

Closing. This is not anymore relevant as we have completed the SBP-M2.