update student pages,

002_source/cms/src/components/dashboard/layout/config.ts

@@ -136,7 +136,7 @@ export const layoutConfig = {
           items: [
             { key: 'students', title: 'List students', href: paths.dashboard.students.list },
             { key: 'students:create', title: 'Create student', href: paths.dashboard.students.create },
-            { key: 'students:details', title: 'Student details', href: paths.dashboard.students.details('1') },
+            { key: 'students:details', title: 'Student details', href: paths.dashboard.students.view('1') },
           ],
         },
         // {

002_source/cms/src/components/dashboard/layout/horizontal/horizontal-layout.tsx

@@ -30,7 +30,10 @@ export function HorizontalLayout({ children }: HorizontalLayoutProps): React.JSX
           minHeight: '100%',
         }}
       >
-        <MainNav color={settings.navColor} items={layoutConfig.navItems} />
+        <MainNav
+          color={settings.navColor}
+          items={layoutConfig.navItems}
+        />
         <Box
           component="main"
           sx={{

002_source/cms/src/components/dashboard/layout/vertical/vertical-layout.tsx

@@ -40,7 +40,10 @@ export function VerticalLayout({ children }: VerticalLayoutProps): React.JSX.Ele
           minHeight: '100%',
         }}
       >
-        <SideNav color={settings.navColor} items={layoutConfig.navItems} />
+        <SideNav
+          color={settings.navColor}
+          items={layoutConfig.navItems}
+        />
         <Box sx={{ display: 'flex', flex: '1 1 auto', flexDirection: 'column', pl: { lg: 'var(--SideNav-width)' } }}>
           <MainNav items={layoutConfig.navItems} />
           <Box