fix: eslint

package.json

@@ -29,6 +29,7 @@
     "start": "craco start",
     "build": "craco build",
     "lint": "eslint --max-warnings 0 .",
+    "lint:fix": "eslint --fix .",
     "test": "craco test",
     "eject": "craco eject",
     "generate-types": "typechain --target=ethers-v5 --out-dir src/contracts './node_modules/@openzeppelin/contracts/build/contracts/ERC20.json'",

src/components/Footer.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import GitHubIcon from '@mui/icons-material/GitHub';
-import { Link, SvgIcon, Typography } from '@mui/material';
+import { Link, Typography } from '@mui/material';
 import { ReactElement } from 'react';
 
 const StyledFooterRow = styled.div`

src/components/approvallist/ApprovalList.tsx

@@ -1,16 +1,13 @@
-import { Button } from '@mui/material';
 import { observer } from 'mobx-react';
-import { useContext, useState } from 'react';
+import { useContext } from 'react';
 
 import { StoreContext } from '../../stores/StoreContextProvider';
-import { ApprovalDialog } from '../ApprovalDialog';
 
 import { ApprovalEntry } from './ApprovalEntry';
 import { ApprovalHeader } from './ApprovalHeader';
 
 export const ApprovalList = observer(() => {
   const { uiStore } = useContext(StoreContext);
-  const [approvalDialogOpen, setApprovalDialogOpen] = useState(false);
 
   const approvals = uiStore.filteredApprovals;
   return (

src/stores/ui/UIStore.ts

@@ -4,7 +4,7 @@ import { action, computed, makeObservable, observable } from 'mobx';
 
 import { UNLIMITED_ALLOWANCE } from '../../constants';
 import { fromWei, toWei } from '../../utils/wei';
-import { AccumulatedApproval, Transaction } from '../transactions/TransactionStore';
+import { AccumulatedApproval } from '../transactions/TransactionStore';
 
 export class UIApprovalEntry {
   tokenAddress: string;