tata

frontend/src/app/app.routes.ts

@@ -125,6 +125,16 @@ export const routes: Routes = [
           }
         ]
       },
+      {
+        path: 'dependencies',
+        children: [
+          {
+            path: '',
+            loadComponent: () => import('./features/dependencies/dependency-list/dependency-list.component')
+              .then(m => m.DependencyListComponent)
+          }
+        ]
+      },
       {
         path: 'persons',
         children: [

frontend/src/app/core/layout/main-layout/main-layout.component.ts

@@ -48,6 +48,12 @@ export class MainLayoutComponent implements OnInit {
       route: '/environments',
       color: '#ff9800'
     },
+    {
+      title: 'Dependencies',
+      icon: '🔗',
+      route: '/dependencies',
+      color: '#00bcd4'
+    },
     {
       title: 'Persons',
       icon: '👤',
@@ -77,7 +83,6 @@ export class MainLayoutComponent implements OnInit {
     this.currentUser = this.authService.getCurrentUser();
     this.activeRoute = this.router.url;
     
-    // Listen to route changes to update active route
     this.router.events.pipe(
       filter(event => event instanceof NavigationEnd)
     ).subscribe((event: any) => {