Chores

[AlicanC]

chore: restructure App

Moves routes to a separate file for better visibility.

chore: suffix page components with "Page"

I think we should generally be more explicit in naming. It's very probable that we have things like class UserModel, function UserView or function UserPage which would clash if we named all of them User.

chore: add Recoil

Added Recoil for managing the UI state. There's also a persistEffect Recoil effect that will persist atoms to LocalStorage. (Used this to store wallet PK.)

Note: I'm not saying we should use Recoil to store data. I'm mainly thinking of things like:

• storing preferred locale
• storing the selected option of a select so we don't forget it on refresh
• etc.

chore: rename WalletContext to AppContext and add useContract

Heavily refactored this. useWallet is now called useAppContext and not used that much. There are two new hooks:

• useWallet: just returns the Wallet in the context, not the whole context as it used to.
• useContract: returns the main SwaySwap contract with the wallet connected to it.

chore: lazy load pages

Now, code for only necessary pages will be loaded.

chore: upgrade React to 18.1.0

[luizstacio]

LGTM! Nice improvements on the code