add url to request, add missing dependency

Client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx

@@ -4,15 +4,14 @@ import { networkService } from "../../../../main";
 import { createToast } from "../../../../Utils/toastUtils";
 import { useNavigate } from "react-router-dom";
 
-const useStatusPageDelete = (fetchStatusPage) => {
+const useStatusPageDelete = (fetchStatusPage, url = "/status/public") => {
 	const [isLoading, setIsLoading] = useState(false);
 	const navigate = useNavigate();
 	const { authToken } = useSelector((state) => state.auth);
-
 	const deleteStatusPage = async () => {
 		try {
 			setIsLoading(true);
-			await networkService.deleteStatusPage({ authToken });
+			await networkService.deleteStatusPage({ authToken, url });
 			fetchStatusPage?.();
 			return true;
 		} catch (error) {

Client/src/Pages/StatusPage/Status/Hooks/useStatusPageFetch.jsx

@@ -18,11 +18,13 @@ const useStatusPageFetch = (isCreate = false) => {
 			const response = await networkService.getStatusPage({ authToken });
 			if (!response?.data?.data) return;
 			const { statusPage, monitors } = response.data.data;
+
 			setStatusPage(statusPage);
 
 			const monitorsWithPercentage = monitors.map((monitor) =>
 				getMonitorWithPercentage(monitor, theme)
 			);
+
 			setMonitors(monitorsWithPercentage);
 		} catch (error) {
 			// If there is a 404, status page is not found
@@ -35,7 +37,7 @@ const useStatusPageFetch = (isCreate = false) => {
 		} finally {
 			setIsLoading(false);
 		}
-	}, [authToken, theme]);
+	}, [authToken, theme, getMonitorWithPercentage]);
 
 	useEffect(() => {
 		if (isCreate === true) {