[CodeFactor] Apply fixes

src/interface/SettingsContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext, useState } from 'react';
 import { SettingsState } from './types/AppProps';
 import useSettingsState from './hooks/settingsState';
 

src/interface/components/TabbedContainer.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect, memo } from 'react';
+import React, { memo, useEffect, useRef, useState } from 'react';
 import { motion } from 'framer-motion';
 import type { TabbedContainerProps } from '../types/TabbedContainerProps';
 

src/interface/components/ThemeSelector.tsx

@@ -1,5 +1,5 @@
-import React, { useEffect, useState, useCallback, forwardRef, useImperativeHandle, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { listThemes, deleteTheme, setTheme, disableTheme, getDownloadedThemes, sendThemeUpdate } from '../hooks/ThemeManagment';
+import React, { forwardRef, ForwardRefExoticComponent, RefAttributes, useCallback, useEffect, useImperativeHandle, useState } from 'react';
+import { deleteTheme, disableTheme, getDownloadedThemes, listThemes, sendThemeUpdate, setTheme } from '../hooks/ThemeManagment';
 import { DeleteDownloadedTheme } from '../pages/Store';
 import { ThemeCover } from './ThemeCover';
 import browser from 'webextension-polyfill';

src/interface/components/useVisibility.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 interface Options {
   root?: Element | null;

src/interface/main.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { HashRouter, Routes, Route } from 'react-router-dom';
+import { HashRouter, Route, Routes } from 'react-router-dom';
 import { ErrorBoundary } from "react-error-boundary";
 
 import './index.css';

src/interface/pages/SettingsPage/Shortcuts.tsx

@@ -1,7 +1,7 @@
-import { useState, memo, useCallback } from "react";
+import { memo, useCallback, useState } from "react";
 import Switch from "../../components/Switch";
 import { useSettingsContext } from "../../SettingsContext";
-import { motion, AnimatePresence } from "framer-motion";
+import { AnimatePresence, motion } from "framer-motion";
 import { CustomShortcut } from "../../types/AppProps";
 
 function formatUrl(inputUrl: string) {

src/interface/pages/SettingsPage/Themes.tsx

@@ -1,4 +1,4 @@
-import { FC, createRef, useState } from 'react';
+import { createRef, FC, useState } from 'react';
 import BackgroundSelector from '../../components/BackgroundSelector';
 //import ThemeSelector from '../../components/ThemeSelector';
 import { memo } from 'react';

src/interface/pages/Store.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import Header from '../components/store/header';
 import { Autoplay } from 'swiper/modules';
-import { motion, AnimatePresence } from 'framer-motion';
+import { AnimatePresence, motion } from 'framer-motion';
 
 import 'swiper/css';
 import 'swiper/css/pagination';
@@ -110,7 +110,7 @@ const Store = () => {
     if (!themeContent) {
       alert('There was an error, The theme was not found!')
       return
-    };
+    }
 
     setInstallingThemes([...installingThemes, id]);
 
@@ -125,7 +125,7 @@ const Store = () => {
     if (!themeContent) {
       alert('There was an error, The theme was not found!')
       return
-    };
+    }
 
     setInstallingThemes([...installingThemes, id]);