Updated route

Client/src/App.jsx

@@ -87,11 +87,11 @@ function App() {
             element={<ProtectedRoute Component={Account} open="team" />}
           />
           <Route
-            path="page-speed"
+            path="pagespeed"
             element={<ProtectedRoute Component={PageSpeed} />}
           />
           <Route
-            path="page-speed/create"
+            path="pagespeed/create"
             element={<ProtectedRoute Component={CreatePageSpeed} />}
           />
           <Route

Client/src/Components/Sidebar/index.jsx

@@ -26,7 +26,7 @@ const menu = [
   { name: "Incidents", path: "incidents", icon: <Incidents /> },
   { name: "Status pages", path: "status", icon: <StatusPages /> },
   { name: "Maintenance", path: "maintenance", icon: <Maintenance /> },
-  { name: "Page speed", path: "page-speed", icon: <PageSpeed /> },
+  { name: "Page speed", path: "pagespeed", icon: <PageSpeed /> },
   { name: "Integrations", path: "integrations", icon: <Integrations /> },
   { name: "Support", path: "support", icon: <Support /> },
   { name: "Settings", path: "settings", icon: <Settings /> },

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

@@ -82,7 +82,7 @@ const CreatePageSpeed = () => {
       try {
         const action = await dispatch(createPageSpeed({ authToken, monitor }));
         if (action.meta.requestStatus === "fulfilled") {
-          navigate("/page-speed");
+          navigate("/pagespeed");
         }
       } catch (error) {
         createToast({
@@ -102,7 +102,7 @@ const CreatePageSpeed = () => {
         label="Back"
         animate="slideLeft"
         img={<WestRoundedIcon />}
-        onClick={() => navigate("/page-speed")}
+        onClick={() => navigate("/pagespeed")}
         sx={{
           backgroundColor: theme.palette.otherColors.fillGray,
           mb: theme.gap.large,

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

@@ -122,7 +122,7 @@ const PageSpeedDetails = () => {
         label="Back"
         animate="slideLeft"
         img={<WestRoundedIcon />}
-        onClick={() => navigate("/page-speed")}
+        onClick={() => navigate("/pagespeed")}
         sx={{
           width: "fit-content",
           backgroundColor: theme.palette.otherColors.fillGray,

Client/src/Pages/PageSpeed/index.jsx

@@ -91,7 +91,7 @@ const PageSpeed = () => {
             <Button
               level="primary"
               label="Create new"
-              onClick={() => navigate("/page-speed/create")}
+              onClick={() => navigate("/pagespeed/create")}
             />
           </Stack>
           <Grid container spacing={theme.gap.large}>
@@ -108,7 +108,7 @@ const PageSpeed = () => {
             "Help analyze webpage speed",
             "Give suggestions on how the page can be improved",
           ]}
-          link="/page-speed/create"
+          link="/pagespeed/create"
         />
       )}
     </Box>