Create Basic Swap Interface DApp

[SamusElderg]

This will serve as the backbone issue with sub-issues listed below.

Stage 1 (Create simple interface):

• Stage01: Create basic header bar #3
• Stage01: Create basic body section #4
• Stage01: Create basic side-nav bar #5
• Stage01: Create basic footer #6

Stage 2 (Implement basic web3 + swap functionality):

• Stage02: Add initial support for metamask only #7
• Stage02: Add initial support for 1inch API only #8
• Stage02: Do some web3 swap testing #9

Stage 3 (Make DApp a bit prettier):

• Stage03: Improve styling throughout
• Stage03: Improve functionality throughout
• Stage03: Setup and link socials etc

Stage 4 (Extend web3 support):

• Stage04: Add support for more wallets
• Stage04: Add kyberswap api
• Stage04: Add openocean api
• Stage04: Add paraswap API

Stage 5 (Start integrating direct AMM swaps):
This stage will be the beginning of a transition from 'aggregator of aggregators': DApp locally performs logic and picks an aggregator API to perform the swap using the external aggregator's contracts directly to: 'swap aggregator': ping the AMMs directly to get the best rates/routes and handle user funds through our own aggregator router

• Stage05: Make a repo 'route finder' or similar
• Stage05: Add logic to get routes/rates from SP AMM
• Stage05: Connect DApp to the 'route finder' API

Stage 6: Continue working on improving the route finder API & integrating more AMMs directly