add filter with material

client/package-lock.json

@@ -16,6 +16,7 @@
         "@angular/platform-browser": "^16.2.0",
         "@angular/platform-browser-dynamic": "^16.2.0",
         "@angular/router": "^16.2.0",
+        "@ng-select/ng-select": "^11.2.0",
         "jwt-decode": "^3.1.2",
         "lodash": "^4.17.21",
         "rxjs": "~7.8.0",
@@ -2925,6 +2926,23 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
       "dev": true
     },
+    "node_modules/@ng-select/ng-select": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/@ng-select/ng-select/-/ng-select-11.2.0.tgz",
+      "integrity": "sha512-lTyw93kFdKGecp9eKmOP0PQSCaAJS8DCt4D60ns055+ixvRSp2fuXAuJUvn1e3gAsvpZor37osmYlOJ4LYwYIA==",
+      "dependencies": {
+        "tslib": "^2.3.1"
+      },
+      "engines": {
+        "node": ">= 16",
+        "npm": ">= 8"
+      },
+      "peerDependencies": {
+        "@angular/common": "^16.0.0",
+        "@angular/core": "^16.0.0",
+        "@angular/forms": "^16.0.0"
+      }
+    },
     "node_modules/@ngtools/webpack": {
       "version": "16.2.2",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-16.2.2.tgz",