chore: housekeeping linting files

.eslintrc.js

@@ -1,5 +1,5 @@
 require("@rushstack/eslint-patch/modern-module-resolution");
 
 module.exports = {
-    extends: "@chainsafe" 
-}
+  extends: "@chainsafe",
+}

.eslintrc.json

@@ -4,7 +4,6 @@
       "node": true
   },
   "extends": [
-      "standard",
       "@chainsafe"
   ],
   "parser": "@typescript-eslint/parser",

package.json

@@ -30,7 +30,7 @@
     "web-vitals": "^2.1.4"
   },
   "devDependencies": {
-    "@chainsafe/eslint-config": "^1.1.0",
+    "@chainsafe/eslint-config": "2.2.2",
     "@metamask/providers": "^10.2.1",
     "@rushstack/eslint-patch": "^1.2.0",
     "@testing-library/jest-dom": "^5.11.4",
@@ -47,6 +47,7 @@
     "craco": "^0.0.3",
     "eslint": "^8.21.0",
     "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-only-warn": "^1.0.3",
     "eslint-plugin-prettier": "^4.0.0",
     "jsdom": "^22.1.0",

src/context/data/data.ts

@@ -1,4 +1,4 @@
-import { Routes, Transfer } from "../../types/explorer"
+import type { Routes, Transfer } from "../../types/explorer"
 
 export const fetchTransfers = async (url: string): Promise<Transfer[]> => {
   const response = await fetch(url)

src/context/reducer.ts

@@ -1,4 +1,4 @@
-import { Actions, ExplorerContextState } from "../types/explorer"
+import type { Actions, ExplorerContextState } from "../types/explorer"
 
 export function reducer(state: ExplorerContextState, action: Actions): ExplorerContextState {
   switch (action.type) {

src/pages/DetailView/hooks/useClipboard.ts

@@ -1,5 +1,6 @@
 import { useEffect } from "react"
-import { DetailViewActions, DetailViewState } from "../reducer"
+
+import type { DetailViewActions, DetailViewState } from "../reducer"
 
 export default function useClipboard(state: DetailViewState, dispatcher: React.Dispatch<DetailViewActions>): void {
   useEffect(() => {

src/pages/DetailView/hooks/useFetchTransfer.ts

@@ -1,8 +1,9 @@
 import { useEffect } from "react"
 import { useParams } from "react-router-dom"
+
+import type { Routes, SharedConfig, SharedConfigDomain, Transfer } from "../../../types"
 import { sanitizeTransferData } from "../../../utils/Helpers"
-import { Routes, SharedConfig, SharedConfigDomain, Transfer } from "../../../types"
-import { DetailViewActions } from "../reducer"
+import type { DetailViewActions } from "../reducer"
 
 export default function useFetchTransfer(
   routes: Routes,

src/pages/DetailView/hooks/useUpdateInterval.ts

@@ -1,7 +1,8 @@
 import { useInterval } from "usehooks-ts"
-import { DetailViewActions, DetailViewState } from "../reducer"
+
+import type { Routes } from "../../../types"
 import { sanitizeTransferData } from "../../../utils/Helpers"
-import { Routes } from "../../../types"
+import type { DetailViewActions, DetailViewState } from "../reducer"
 
 export default function useUpdateInterval(
   state: DetailViewState,

src/pages/DetailView/reducer.ts

@@ -1,4 +1,4 @@
-import { Transfer } from "../../types"
+import type { Transfer } from "../../types"
 
 export type DetailViewState = {
   transferDetails: Transfer | null

src/pages/ExplorerPage/hooks/useGetTransferData.ts

@@ -1,8 +1,9 @@
-import { useEffect } from "react"
 import { ethers } from "ethers"
-import { ExplorerContextState, Routes } from "../../../types"
+import { useEffect } from "react"
+
+import type { ExplorerContextState, Routes } from "../../../types"
 import { sanitizeTransferData } from "../../../utils/Helpers"
-import { ExplorerPageState, TransferActions } from "../reducer"
+import type { ExplorerPageState, TransferActions } from "../reducer"
 
 const transferData = async (page: number, limit: number, routes: Routes, dispatcher: React.Dispatch<TransferActions>): Promise<void> => {
   try {

src/pages/ExplorerPage/reducer.ts

@@ -1,4 +1,4 @@
-import { Transfer } from "../../types"
+import type { Transfer } from "../../types"
 
 export type TransferActions =
   | { type: "fetch_transfers"; payload: Transfer[] }

src/reportWebVitals.ts

@@ -1,4 +1,4 @@
-import { ReportHandler } from "web-vitals"
+import type { ReportHandler } from "web-vitals"
 
 const reportWebVitals = (onPerfEntry?: ReportHandler): void => {
   if (onPerfEntry && onPerfEntry instanceof Function) {

src/utils/Helpers.test.ts

@@ -1,6 +1,8 @@
-import { describe, it, expect } from "vitest"
 import { formatDistanceStrict, sub } from "date-fns"
-import { SharedConfigDomain } from "../types"
+import { describe, it, expect } from "vitest"
+
+import type { SharedConfigDomain } from "../types"
+
 import { formatDistanceDate, getFormatedFee } from "./Helpers"
 
 describe("Helpers", () => {

src/vite-env.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="vite/client" />
-import { MetaMaskInpageProvider } from "@metamask/providers"
+import type { MetaMaskInpageProvider } from "@metamask/providers"
 
 declare global {
   interface Window {