diff --git a/web-frontend/package-lock.json b/web-frontend/package-lock.json
index 52a2967..72afe74 100644
--- a/web-frontend/package-lock.json
+++ b/web-frontend/package-lock.json
@@ -9,12 +9,12 @@
       "version": "0.0.0",
       "dependencies": {
         "@angular/animations": "^21.0.8",
-        "@angular/cdk": "^20.2.9",
+        "@angular/cdk": "^21.0.6",
         "@angular/common": "^21.0.8",
         "@angular/compiler": "^21.0.8",
         "@angular/core": "^21.0.8",
         "@angular/forms": "^21.0.8",
-        "@angular/material": "^20.2.9",
+        "@angular/material": "^21.0.6",
         "@angular/platform-browser": "^21.0.8",
         "@angular/platform-browser-dynamic": "^21.0.8",
         "@angular/platform-server": "^21.0.8",
@@ -1521,17 +1521,17 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.9.tgz",
-      "integrity": "sha512-rbY1AMz9389WJI29iAjWp4o0QKRQHCrQQUuP0ctNQzh1tgWpwiRLx8N4yabdVdsCA846vPsyKJtBlSNwKMsjJA==",
+      "version": "21.0.6",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.0.6.tgz",
+      "integrity": "sha512-5Gw8mXtKXvcvDMWEciPLRYB6Ja5vsikLAidZsdCEIF6Bc51GmoqT5Tk/Ke+ciCd5Hq9Aco/IcHxT1RC3470lZg==",
       "license": "MIT",
       "dependencies": {
         "parse5": "^8.0.0",
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/common": "^20.0.0 || ^21.0.0",
-        "@angular/core": "^20.0.0 || ^21.0.0",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -1677,19 +1677,19 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-20.2.9.tgz",
-      "integrity": "sha512-xo/ozyRXCoJMi89XLTJI6fdPKBv2wBngWMiCrtTg23+pHbuyA/kDbk3v62eJkDD1xdhC4auXaIHu4Ddf5zTgSA==",
+      "version": "21.0.6",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.0.6.tgz",
+      "integrity": "sha512-BSbqFkVIjpXS+UGD7R1jDnuKArMCtLSKHL/1f/9mvHM4AntRFC88MQJMjS0k+pHCofN+MBMEpzBVrDOOqL+46A==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "20.2.9",
-        "@angular/common": "^20.0.0 || ^21.0.0",
-        "@angular/core": "^20.0.0 || ^21.0.0",
-        "@angular/forms": "^20.0.0 || ^21.0.0",
-        "@angular/platform-browser": "^20.0.0 || ^21.0.0",
+        "@angular/cdk": "21.0.6",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/forms": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
diff --git a/web-frontend/package.json b/web-frontend/package.json
index 70a7b2e..1a1d944 100644
--- a/web-frontend/package.json
+++ b/web-frontend/package.json
@@ -12,12 +12,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^21.0.8",
-    "@angular/cdk": "^20.2.9",
+    "@angular/cdk": "^21.0.6",
     "@angular/common": "^21.0.8",
     "@angular/compiler": "^21.0.8",
     "@angular/core": "^21.0.8",
     "@angular/forms": "^21.0.8",
-    "@angular/material": "^20.2.9",
+    "@angular/material": "^21.0.6",
     "@angular/platform-browser": "^21.0.8",
     "@angular/platform-browser-dynamic": "^21.0.8",
     "@angular/platform-server": "^21.0.8",