Remove unused imports, add missing dependencies

Client/src/Pages/Home/index.css

@@ -1 +0,0 @@
-/* Home Page Styles*/

Client/src/Pages/Home/index.jsx

@@ -1,16 +0,0 @@
-import DropdownTeamMember from "../../Components/DropdownTeamMember";
-import Search from "../../Components/Search";
-import "./index.css";
-import DashboardMenu from "../../Components/DashboardMenu";
-import Integrations from "../../Components/Integrations";
-
-const Home = () => {
-  const token = localStorage.getItem("token");
-  return (
-    <>
-      <div>Home</div>
-    </>
-  );
-};
-
-export default Home;

Client/src/Pages/Incidents/IncidentTable/index.jsx

@@ -36,7 +36,7 @@ const IncidentTable = ({ monitors, selectedMonitor, filter }) => {
       ...paginationController,
       page: 0,
     });
-  }, [filter, selectedMonitor]);
+  }, [filter, selectedMonitor, paginationController]);
 
   useEffect(() => {
     const fetchPage = async () => {

Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx

@@ -1,6 +1,6 @@
 import { Box, Stack, Typography } from "@mui/material";
 import "./index.css";
-import React, { useState } from "react";
+import { useState } from "react";
 import Button from "../../../Components/Button";
 import Back from "../../../assets/icons/left-arrow-long.svg?react";
 import Select from "../../../Components/Inputs/Select";

Client/src/Pages/Maintenance/index.jsx

@@ -1,10 +1,7 @@
-import { useTheme } from "@emotion/react";
 import Fallback from "../../Components/Fallback";
 import "./index.css";
 
 const Maintenance = () => {
-  const theme = useTheme();
-
   return (
     <div className="maintenance">
       <Fallback

Client/src/Pages/Monitors/CreateMonitor/index.jsx

@@ -1,5 +1,5 @@
 import "./index.css";
-import React, { useState } from "react";
+import { useState } from "react";
 import RadioButton from "../../../Components/RadioButton";
 import Button from "../../../Components/Button";
 import { Box, ButtonGroup, Stack, Typography } from "@mui/material";

Client/src/Pages/Monitors/Details/PaginationTable/index.jsx

@@ -33,7 +33,7 @@ const PaginationTable = ({ monitorId, dateRange }) => {
       ...paginationController,
       page: 0,
     });
-  }, [dateRange]);
+  }, [dateRange, paginationController]);
 
   useEffect(() => {
     const fetchPage = async () => {

Client/src/Pages/Monitors/Details/index.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from "react";
+import { useEffect, useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import { Box, Skeleton, Stack, Typography, useTheme } from "@mui/material";
 import { useSelector } from "react-redux";
@@ -144,15 +144,14 @@ const DetailsPage = () => {
   useEffect(() => {
     const fetchCertificate = async () => {
       try {
-      const res = await networkService.getCertificateExpiry(
-        authToken,
-        monitorId
-      );
-      setCertificateExpiry(res?.data?.data?.certificateDate ?? "N/A");
+        const res = await networkService.getCertificateExpiry(
+          authToken,
+          monitorId
+        );
+        setCertificateExpiry(res?.data?.data?.certificateDate ?? "N/A");
       } catch (error) {
         console.error(error);
       }
-
     };
     fetchCertificate();
   }, [authToken, monitorId]);

Client/src/Pages/Monitors/index.jsx

@@ -28,7 +28,6 @@ import {
 
 import Settings from "../../assets/icons/settings-bold.svg?react";
 import PropTypes from "prop-types";
-import { logger } from "../../Utils/Logger";
 
 const ActionsMenu = ({ monitor }) => {
   const [anchorEl, setAnchorEl] = useState(null);

Client/src/Pages/PageSpeed/Configure/index.jsx

@@ -99,7 +99,7 @@ const PageSpeedConfigure = () => {
     setMonitor({
       ...data,
     });
-  }, [monitorId]);
+  }, [monitorId, monitors, navigate]);
 
   const handleChange = (event, id) => {
     let { value } = event.target;