Template for Quay, Telco

frontend/src/App.jsx

@@ -7,6 +7,8 @@ import { BrowserRouter, Route, Routes } from "react-router-dom";
 import Home from "./components/templates/Home";
 import MainLayout from "./containers/MainLayout";
 import OCP from "./components/templates/OCP";
+import Quay from "./components/templates/Quay";
+import Telco from "./components/templates/Telco";
 import { useDispatch } from "react-redux";
 import { useEffect } from "react";
 
@@ -22,7 +24,8 @@ function App() {
             <Route index element={<Home />} />
             <Route path={APP_ROUTES.HOME} element={<Home />} />
             <Route path={APP_ROUTES.OCP} element={<OCP />} />
-            <Route path={APP_ROUTES.QUAY} element={<Home />} />
+            <Route path={APP_ROUTES.QUAY} element={<Quay />} />
+            <Route path={APP_ROUTES.TELCO} element={<Telco />} />
           </Route>
         </Routes>
       </BrowserRouter>

frontend/src/components/templates/Quay/index.jsx

@@ -0,0 +1,5 @@
+const Quay = () => {
+  return <>Quay</>;
+};
+
+export default Quay;

frontend/src/components/templates/Telco/index.jsx

@@ -0,0 +1,5 @@
+const Telco = () => {
+  return <>Telco</>;
+};
+
+export default Telco;

frontend/src/utils/routeConstants.js

@@ -1,3 +1,4 @@
 export const HOME = "Home";
 export const OCP = "OCP";
 export const QUAY = "QUAY";
+export const TELCO = "TELCO";