forntend route

Frontend/admin/src/components/side-navigation.jsx

 import React from "react";
 import "../css/side-navigation.css";
 import { NavLink } from "react-router-dom";
-import HomeOutlinedIcon from "@mui/icons-material/HomeOutlined";
 import DashboardOutlinedIcon from "@mui/icons-material/DashboardOutlined";
 import MovieOutlinedIcon from "@mui/icons-material/MovieOutlined";
 
@@ -20,10 +19,10 @@ function SideNavigation() {
           Movie Analysis
         </div>
       </NavLink>
-      <NavLink to="/home/actor-identify" className="side-nav-link">
+      <NavLink to="/home/actor-type-analysis" className="side-nav-link">
         <div className="side-nav-link-wrapper">
           <MovieOutlinedIcon sx={{ marginRight: "15px" }} />
-          Actor Identify
+          Actor & Type Analysis
         </div>
       </NavLink>
       <NavLink to="/home/pose-identify" className="side-nav-link">

Frontend/admin/src/pages/actor-type-analysis.jsx

+import React from 'react'
+
+export default function ActorTypeAnalysis() {
+  return (
+    <div>Actor-type-analysis</div>
+  )
+}

Frontend/admin/src/routes/routes.js

@@ -8,6 +8,7 @@ import Contact from "../pages/contact";
 
 import Dashboard from "../pages/dashboard";
 import MovieAnalysis from "../pages/movie-analysis";
+import ActorTypeAnalysis from "../pages/actor-type-analysis";
 
 function PageRoutes() {
   return (
@@ -21,6 +22,7 @@ function PageRoutes() {
           <Route path="/home" element={<SubApp />}>
             <Route path="/home/dashboard" element={<Dashboard />} />
             <Route path="/home/movie-analysis" element={<MovieAnalysis />} />
+            <Route path="/home/actor-type-analysis" element={<ActorTypeAnalysis />} />
           </Route>
           <Route path="/about" element={<Contact />} />
           <Route path="/contact" element={<About />} />