feat: port client from next.js to pure react

[luizstacio]

Closes: #14

[eureka-cpu]

LGTM

[adlerjohn]

Running yarn start gives me a page with

Compiled with problems:

ERROR in ./node_modules/@fuel-ts/providers/dist/util.js 18:17-34

Module not found: Error: Can't resolve 'crypto' in '/home/devel/local/fuellabs/swayswap-demo/client/node_modules/@fuel-ts/providers/dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
	- install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "crypto": false }

[luizstacio]

Running yarn start gives me a page with

Compiled with problems:

ERROR in ./node_modules/@fuel-ts/providers/dist/util.js 18:17-34

Module not found: Error: Can't resolve 'crypto' in '/home/devel/local/fuellabs/swayswap-demo/client/node_modules/@fuel-ts/providers/dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
	- add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
	- install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
	resolve.fallback: { "crypto": false }

This was related to this PR: FuelLabs/fuels-ts#151 (comment) will be updating it.

[eureka-cpu]

ran locally and looks good! the faucet stopped working but I spoke with @luizstacio and we will fix it later

[adlerjohn]

Runs locally