Merge pull request #3266 from bluewave-labs/fix/cleanup

fix; cleanup

Author: ajhollid

client/index.html

@@ -18,7 +18,7 @@
 		<div id="root"></div>
 		<script
 			type="module"
-			src="/src/main.jsx"
+			src="/src/main.tsx"
 		></script>
 	</body>
 </html>

client/src/App.jsx client/src/App.tsxclient/src/App.jsx renamed to client/src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect, type CSSProperties } from "react";
 import { useSelector } from "react-redux";
 import "react-toastify/dist/ReactToastify.css";
 import { ToastContainer } from "react-toastify";
@@ -7,18 +7,17 @@ import lightTheme from "./Utils/Theme/lightTheme";
 import darkTheme from "./Utils/Theme/darkTheme";
 import { CssBaseline, GlobalStyles } from "@mui/material";
 import { logger } from "./Utils/Logger"; // Import the logger
-import { networkService } from "./main";
 import { Routes } from "./Routes";
 import AppLayout from "@/Components/v1/Layouts/AppLayout";
+import type { RootState } from "@/Types/state";
 
 function App() {
-	const mode = useSelector((state) => state.ui.mode);
+	const mode = useSelector((state: RootState) => state.ui.mode);
 
 	// Cleanup
 	useEffect(() => {
 		return () => {
 			logger.cleanup();
-			networkService.cleanup();
 		};
 	}, []);
 
@@ -30,6 +29,7 @@ function App() {
 			<GlobalStyles
 				styles={{
 					body: {
+						// @ts-ignore
 						backgroundColor: theme.palette.background.main,
 					},
 				}}
@@ -40,10 +40,12 @@ function App() {
 			<ToastContainer
 				newestOnTop={true}
 				theme={mode}
-				style={{
-					"--toastify-color-progress-light": "#7C8BA1",
-					"--toastify-color-progress-dark": "#7C8BA1",
-				}}
+				style={
+					{
+						"--toastify-color-progress-light": "#7C8BA1",
+						"--toastify-color-progress-dark": "#7C8BA1",
+					} as CSSProperties
+				}
 			/>
 		</ThemeProvider>
 	);