[Feature] Separate significant js code from UI-related code

[shahankhatch]

Feature Description

Web3 related code is sprinkled into the front end. This leads to challenges wrt testing and reuse.
One way to resolve is to start separating the js code into its own file within the repo, towards the eventual goal of building a javascript helper library for the smart contract we implement.

Code looks like the following:

const receipt = contracts.methods.delegate(address).send({ from: accounts, gas: 300000 }).on("transactionHash", async (txhash: string) =>

bitdao-governance/src/pages/Governance/Governance.tsx

Line 140 in 302ae5f

const balance = await contracts.methods.balanceOf(accounts).call();

Once the web3 code is separated, it'll be easier to work on issues like #45.

[octavioamu]

for the testing part I found this repo maybe once split is something we could use https://github.com/DePayFi/depay-web3-mock