Use Uniswap trade widget for post-launchpad phase

[ianrowan]

Description

After a token has been deployed to uniswap(post market cap goal) The token will no longer be tradable on the launchpad but rather on Uniswap. To enable users to trade we will use the Uniswap trade widget: https://docs.uniswap.org/sdk/swap-widget/guides/getting-started

In short, this widget looks similar to our trading experience and should live in the same part of the app.

To implement this widget the package must be installed and then its almost as simple as adding a react component in-line.

On top of the default configuration we will include the following optional parameters to enable token trading:

provider = fetch from active metaMask/otherWalletController
defaultChainId = the chain id of the community(ie 8453 for base)
defaultInputTokenAddress = 'NATIVE'
defaultOutputTokenAddress = the tokenAddress for the community from launchpad
hideConnectionUI = true

beyond this there are plenty of additional configuration options that may relate more to design/PENG which will be discovered during implementation

[mzparacha]

Update: Got a lot of widget issues resolved.

1. Pricing calculations failed => resolved by a mix of Error fetching trade Uniswap/widgets#627 (comment), Widget doesn't work with Vite Uniswap/widgets#586 (comment) and adding the jsbi pkg as a dependency
2. Gatway URL fails => resolved by Сan't integrate widget Uniswap/widgets#580 (comment)
3. Widget doesn't call any pricing endpoint => resolved by GetQuote failed on client: Error: Failed to get gas constants data from the optimism gas oracle Uniswap/widgets#637 (comment)
4. Vite @fontsource import issue => resolved by Bug on Vite  Uniswap/widgets#593 (comment)