rewriting the component structure

frontend/src/App.jsx

@@ -15,7 +15,7 @@ import HealthPage from "./components/HealthPage.jsx";
 import theme from "./theme";
 import Apps from "./views/Apps";
 import AppCreator from "./views/AppCreator";
-import Dectection from "./views/Detection.jsx";
+import DetectionDashBoard from "./views/DetectionDashboard.jsx";
 
 import Welcome from "./views/Welcome.jsx";
 import Dashboard from "./views/Dashboard.jsx";
@@ -418,7 +418,7 @@ const App = (message, props) => {
 			<Route
 			exact
 			path="/detections/sigma"
-			element={<Dectection globalUrl={globalUrl} />}
+			element={<DetectionDashBoard globalUrl={globalUrl} />}
 			/>
         	<Route
         	  exact