- Move create infrastructure folder to infrastructure and remove Infrastructuremonitor folder

- Add create infrastructure page to globle routes and add "infrastructure" to PATH_MAP
- Add navigation/breadcrumb to  create infrastructure page
- Connect create infrastructure page to create monitor button on home page

Client/src/App.jsx

@@ -10,6 +10,7 @@ import Register from "./Pages/Auth/Register/Register";
 import Account from "./Pages/Account";
 import Monitors from "./Pages/Monitors/Home";
 import CreateMonitor from "./Pages/Monitors/CreateMonitor";
+import CreateInfrastructureMonitor from "./Pages/Infrastructure/CreateMonitor";
 import Incidents from "./Pages/Incidents";
 import Status from "./Pages/Status";
 import Integrations from "./Pages/Integrations";
@@ -127,7 +128,10 @@ function App() {
 						path="infrastructure"
 						element={<ProtectedRoute Component={Infrastructure} />}
 					/>
-
+					<Route
+						path="infrastructure/create"
+						element={<ProtectedRoute Component={CreateInfrastructureMonitor} />}
+					/>
 					<Route
 						path="incidents/:monitorId?"
 						element={<ProtectedRoute Component={Incidents} />}

Client/src/Components/Sidebar/index.jsx

@@ -90,6 +90,7 @@ const URL_MAP = {
 const PATH_MAP = {
 	monitors: "Dashboard",
 	pagespeed: "Dashboard",
+	infrastructure: "Dashboard",
 	account: "Account",
 	settings: "Other",
 };

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

@@ -177,7 +177,7 @@ const CreateInfrastructureMonitor = () => {
 			);
 			if (action.meta.requestStatus === "fulfilled") {
 				createToast({ body: "Infrastructure monitor created successfully!" });
-				navigate("/infrastructure-monitors/create");
+				navigate("/infrastructure");
 			} else {
 				createToast({ body: "Failed to create monitor." });
 			}
@@ -217,8 +217,8 @@ const CreateInfrastructureMonitor = () => {
 		<Box className="create-infrastructure-monitor">
 			<Breadcrumbs
 				list={[
-					{ name: "Infrastructure monitors", path: "/infrastructure-monitors/create" },
-					{ name: "create", path: `/infrastructure-monitors/create` },
+					{ name: "Infrastructure monitors", path: "infrastructure" },
+					{ name: "create", path: `infrastructure/create` },
 				]}
 			/>
 			<Stack

Client/src/Pages/Infrastructure/index.jsx

@@ -1,5 +1,6 @@
 import { Box, Button } from "@mui/material";
 import { Heading } from "../../Components/Heading";
+import { useNavigate } from "react-router-dom";
 
 /**
  * This is the Infrastructure monitoring page. This is a work in progress
@@ -9,13 +10,14 @@ import { Heading } from "../../Components/Heading";
  */
 
 function Infrastructure() {
+	const navigate = useNavigate();	
 	return (
 		<Box component="main">
 			<Button
 				variant="contained"
 				color="primary"
 				onClick={() => {
-					// navigate("/monitors/create");
+					navigate("/infrastructure/create");
 				}}
 				sx={{ fontWeight: 500 }}
 			>