Add typing on components layer

Co-authored-by: geovanne97 <geovannessaraiva97@gmail.com>

src/blockchain/buyerMethods.ts

@@ -35,7 +35,7 @@ const addLock = async (depositId: BigNumber, amount: number): Promise<any> => {
 // Release lock
 const releaseLock = async (
   pixKey: string,
-  amount: Number,
+  amount: number,
   e2eId: string,
   lockId: string
 ): Promise<any> => {

src/blockchain/events.ts

@@ -65,13 +65,13 @@ const getValidDeposits = async (
         const mappedDeposit = await p2pContract.mapDeposits(
           deposit.args?.depositID
         );
-        let validDeposit = {};
+        let validDeposit: ValidDeposit | undefined = undefined;
 
         if (mappedDeposit.valid) {
           validDeposit = {
             blockNumber: deposit.blockNumber,
             depositID: deposit.args?.depositID,
-            remaining: formatEther(mappedDeposit.remaining),
+            remaining: Number(formatEther(mappedDeposit.remaining)),
             seller: mappedDeposit.seller,
             pixKey: mappedDeposit.pixTarget,
           };

src/blockchain/sellerMethods.ts

@@ -1,5 +1,4 @@
 import { getProvider } from "./provider";
-import { updateWalletStatus } from "./wallet";
 import { getTokenAddress, getP2PixAddress } from "./addresses";
 import { parseEther } from "ethers/lib/utils";
 
@@ -8,9 +7,6 @@ import { ethers } from "ethers";
 import p2pix from "../utils/smart_contract_files/P2PIX.json";
 import mockToken from "../utils/smart_contract_files/MockToken.json";
 
-// Seller Flow methods //
-
-// Approve Tokens
 const approveTokens = async (tokenQty: string): Promise<any> => {
   const provider = getProvider();
   const signer = provider.getSigner();
@@ -31,7 +27,6 @@ const approveTokens = async (tokenQty: string): Promise<any> => {
   return apprv;
 };
 
-// Add deposit
 const addDeposit = async (tokenQty: string, pixKey: string): Promise<any> => {
   const provider = getProvider();