Added dynamics page and react router

Author: vrushang1234

control-station/package-lock.json

@@ -14,6 +14,7 @@
 	"dependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
+		"react-router-dom": "^6.23.1",
 		"socket.io-client": "^4.7.2"
 	},
 	"devDependencies": {

control-station/package.json

@@ -1,7 +1,9 @@
 import { ControlPanel, Navbar } from "@/components";
 import usePodData from "./services/usePodData";
 import PodContext from "./services/PodContext";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { Dashboard } from "@/views";
+import Dynamics from "./components/Dynamics/Dynamics";
 
 function App() {
 	const { podData, podSocketClient } = usePodData();
@@ -10,7 +12,12 @@ function App() {
 		<main>
 			<PodContext.Provider value={{ podData, podSocketClient }}>
 				<Navbar />
-				<Dashboard />
+				<BrowserRouter>
+					<Routes>
+						<Route path="/" element={<Dashboard />} />
+						<Route path="/dynamics" element={<Dynamics />} />
+					</Routes>
+				</BrowserRouter>
 				<ControlPanel />
 			</PodContext.Provider>
 		</main>

control-station/src/App.tsx

@@ -0,0 +1,3 @@
+export default function Dynamics() {
+	return <div>Dynamics</div>;
+}