initial lint cleanup

interface/src/components/upload/SingleUpload.tsx

@@ -1,12 +1,12 @@
-import { FC, Fragment } from 'react';
-import { useDropzone, DropzoneState } from 'react-dropzone';
-
-import { AxiosProgressEvent } from 'axios';
-
-import { Box, Button, LinearProgress, Theme, Typography, useTheme } from '@mui/material';
-
-import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 import CancelIcon from '@mui/icons-material/Cancel';
+import CloudUploadIcon from '@mui/icons-material/CloudUpload';
+import { Box, Button, LinearProgress, Typography, useTheme } from '@mui/material';
+import { Fragment } from 'react';
+import { useDropzone } from 'react-dropzone';
+import type { Theme } from '@mui/material';
+import type { AxiosProgressEvent } from 'axios';
+import type { FC } from 'react';
+import type { DropzoneState } from 'react-dropzone';
 
 import { useI18nContext } from 'i18n/i18n-react';
 

interface/src/components/upload/useFileUpload.ts

@@ -1,11 +1,12 @@
+import axios from 'axios';
 import { useCallback, useEffect, useState } from 'react';
-import axios, { AxiosPromise, CancelTokenSource, AxiosProgressEvent } from 'axios';
 import { toast } from 'react-toastify';
 
-import { extractErrorMessage } from 'utils';
-import { FileUploadConfig } from 'api/endpoints';
+import type { FileUploadConfig } from 'api/endpoints';
+import type { AxiosPromise, CancelTokenSource, AxiosProgressEvent } from 'axios';
 
 import { useI18nContext } from 'i18n/i18n-react';
+import { extractErrorMessage } from 'utils';
 
 interface MediaUploadOptions {
   upload: (file: File, config?: FileUploadConfig) => AxiosPromise<void>;
@@ -31,11 +32,12 @@ const useFileUpload = ({ upload }: MediaUploadOptions) => {
     resetUploadingStates();
   }, [uploadCancelToken]);
 
-  useEffect(() => {
-    return () => {
+  useEffect(
+    () => () => {
       uploadCancelToken?.cancel();
-    };
-  }, [uploadCancelToken]);
+    },
+    [uploadCancelToken]
+  );
 
   const uploadFile = async (images: File[]) => {
     try {