diff --git a/client/package-lock.json b/client/package-lock.json
index ad6cad8..9b85545 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -22,6 +22,7 @@
         "ngx-toastr": "^14.3.0",
         "rxjs": "~7.5.0",
         "tslib": "^2.3.0",
+        "xng-breadcrumb": "^7.2.0",
         "zone.js": "~0.11.4"
       },
       "devDependencies": {
@@ -11661,6 +11662,21 @@
         }
       }
     },
+    "node_modules/xng-breadcrumb": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/xng-breadcrumb/-/xng-breadcrumb-7.2.0.tgz",
+      "integrity": "sha512-dgqAVjrAyD0fDRxcUbVSHWs1SCriWSCqIGfpaW+MAh87LbkBbQRFIyAqNjV534C6CeZxqE+9L357OVmVAw0I5w==",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=13.0.0",
+        "@angular/core": ">=13.0.0",
+        "@angular/platform-browser-dynamic": ">=13.0.0",
+        "@angular/router": ">=13.0.0",
+        "rxjs": ">=6.0.0"
+      }
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -20228,6 +20244,14 @@
       "dev": true,
       "requires": {}
     },
+    "xng-breadcrumb": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/xng-breadcrumb/-/xng-breadcrumb-7.2.0.tgz",
+      "integrity": "sha512-dgqAVjrAyD0fDRxcUbVSHWs1SCriWSCqIGfpaW+MAh87LbkBbQRFIyAqNjV534C6CeZxqE+9L357OVmVAw0I5w==",
+      "requires": {
+        "tslib": "^2.3.0"
+      }
+    },
     "y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/client/package.json b/client/package.json
index 585ee42..8970ae6 100644
--- a/client/package.json
+++ b/client/package.json
@@ -24,6 +24,7 @@
     "ngx-toastr": "^14.3.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
+    "xng-breadcrumb": "^7.2.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {