diff --git a/package-lock.json b/package-lock.json
index 242a726..0124793 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "@angular/service-worker": "^15.0.0",
         "@ctrl/ngx-emoji-mart": "^7.1.0",
         "@fontsource/material-icons": "^4.5.4",
+        "@ng-matero/extensions": "^15.0.1",
         "@noble/secp256k1": "^1.7.0",
         "@scure/base": "^1.1.1",
         "joi": "^17.7.0",
@@ -2387,6 +2388,14 @@
         "@angular/core": ">=14.0.0-0"
       }
     },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.5.0.tgz",
+      "integrity": "sha512-tlJpwF40DEQcfR/QF+wNMVyGMaO9FQp6Z1Wahj4Gk3CJQYHwA2xVG7iKDFdW6zuxZY9XWOpGcfNCTsX4McOsOg==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
@@ -3302,6 +3311,41 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@ng-matero/extensions": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@ng-matero/extensions/-/extensions-15.0.1.tgz",
+      "integrity": "sha512-MuI+s48H0UEoij1WprcDLhY+FG21FxsXhhNWzcXaktP0ARQenG4PGtYx24blCHYA4wFhXLnGczr8rcf6MLRLJQ==",
+      "dependencies": {
+        "@ng-select/ng-select": "^10.0.0",
+        "ngx-color": "^8.0.0",
+        "photoviewer": "^3.6.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": ">=15.0.0",
+        "@angular/cdk": ">=15.0.0",
+        "@angular/common": ">=15.0.0",
+        "@angular/core": ">=15.0.0",
+        "@angular/material": ">=15.0.0"
+      }
+    },
+    "node_modules/@ng-select/ng-select": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/@ng-select/ng-select/-/ng-select-10.0.3.tgz",
+      "integrity": "sha512-Ma8pzKMI5TWnsKgOiONQLGeUeTko9gI6AtqpMMOVhrCktjtUSo9h5N17WomHRGtba9D7QviTZcR7UBhKOPwZ7g==",
+      "dependencies": {
+        "tslib": "^2.3.1"
+      },
+      "engines": {
+        "node": ">= 12.20.0",
+        "npm": ">= 6.0.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "<16.0.0",
+        "@angular/core": "<16.0.0",
+        "@angular/forms": "<16.0.0"
+      }
+    },
     "node_modules/@ngtools/webpack": {
       "version": "15.0.4",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-15.0.4.tgz",
@@ -5637,6 +5681,11 @@
         "url": "https://github.com/fb55/domhandler?sponsor=1"
       }
     },
+    "node_modules/domq.js": {
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/domq.js/-/domq.js-0.6.7.tgz",
+      "integrity": "sha512-WwRGORo/eYGf7v7YXZ3M6x/PEoxCsP3D0my7pnAVwtbfsKRvW6qioSdlLsy1MFzfwN1TM9oO9QJcvkE8ERYmlg=="
+    },
     "node_modules/domutils": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
@@ -8600,6 +8649,11 @@
         "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
       }
     },
+    "node_modules/material-colors": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
+      "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg=="
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -8977,6 +9031,20 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "node_modules/ngx-color": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/ngx-color/-/ngx-color-8.0.3.tgz",
+      "integrity": "sha512-tuLP+uIoDEu2m0bh711kb2P1M1bh/oIrOn8mJd9mb8xGL2v+OcokcxPmVvWRn0avMG1lXL53CjSlWXGkdV4CDA==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "material-colors": "^1.2.6",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=14.0.0-0",
+        "@angular/core": ">=14.0.0-0"
+      }
+    },
     "node_modules/ngx-colors": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/ngx-colors/-/ngx-colors-3.1.4.tgz",
@@ -9952,6 +10020,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/photoviewer": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmjs.org/photoviewer/-/photoviewer-3.6.6.tgz",
+      "integrity": "sha512-TYuxoEdlVkIngVnoCEO+CWjeTO/F4TOPDv9ic4zbVU8ZXMiDggUzMj7jv50Kl0n1Yks72hleujPjAfGmkl7n9w==",
+      "dependencies": {
+        "domq.js": "^0.6.7"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -14221,6 +14297,11 @@
         "tslib": "^2.3.0"
       }
     },
+    "@ctrl/tinycolor": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.5.0.tgz",
+      "integrity": "sha512-tlJpwF40DEQcfR/QF+wNMVyGMaO9FQp6Z1Wahj4Gk3CJQYHwA2xVG7iKDFdW6zuxZY9XWOpGcfNCTsX4McOsOg=="
+    },
     "@discoveryjs/json-ext": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
@@ -15099,6 +15180,25 @@
         "tslib": "^2.1.0"
       }
     },
+    "@ng-matero/extensions": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/@ng-matero/extensions/-/extensions-15.0.1.tgz",
+      "integrity": "sha512-MuI+s48H0UEoij1WprcDLhY+FG21FxsXhhNWzcXaktP0ARQenG4PGtYx24blCHYA4wFhXLnGczr8rcf6MLRLJQ==",
+      "requires": {
+        "@ng-select/ng-select": "^10.0.0",
+        "ngx-color": "^8.0.0",
+        "photoviewer": "^3.6.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "@ng-select/ng-select": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/@ng-select/ng-select/-/ng-select-10.0.3.tgz",
+      "integrity": "sha512-Ma8pzKMI5TWnsKgOiONQLGeUeTko9gI6AtqpMMOVhrCktjtUSo9h5N17WomHRGtba9D7QviTZcR7UBhKOPwZ7g==",
+      "requires": {
+        "tslib": "^2.3.1"
+      }
+    },
     "@ngtools/webpack": {
       "version": "15.0.4",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-15.0.4.tgz",
@@ -16912,6 +17012,11 @@
         "domelementtype": "^2.2.0"
       }
     },
+    "domq.js": {
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/domq.js/-/domq.js-0.6.7.tgz",
+      "integrity": "sha512-WwRGORo/eYGf7v7YXZ3M6x/PEoxCsP3D0my7pnAVwtbfsKRvW6qioSdlLsy1MFzfwN1TM9oO9QJcvkE8ERYmlg=="
+    },
     "domutils": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
@@ -19059,6 +19164,11 @@
         }
       }
     },
+    "material-colors": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
+      "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg=="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -19339,6 +19449,16 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "ngx-color": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/ngx-color/-/ngx-color-8.0.3.tgz",
+      "integrity": "sha512-tuLP+uIoDEu2m0bh711kb2P1M1bh/oIrOn8mJd9mb8xGL2v+OcokcxPmVvWRn0avMG1lXL53CjSlWXGkdV4CDA==",
+      "requires": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "material-colors": "^1.2.6",
+        "tslib": "^2.3.0"
+      }
+    },
     "ngx-colors": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/ngx-colors/-/ngx-colors-3.1.4.tgz",
@@ -20083,6 +20203,14 @@
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true
     },
+    "photoviewer": {
+      "version": "3.6.6",
+      "resolved": "https://registry.npmjs.org/photoviewer/-/photoviewer-3.6.6.tgz",
+      "integrity": "sha512-TYuxoEdlVkIngVnoCEO+CWjeTO/F4TOPDv9ic4zbVU8ZXMiDggUzMj7jv50Kl0n1Yks72hleujPjAfGmkl7n9w==",
+      "requires": {
+        "domq.js": "^0.6.7"
+      }
+    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
diff --git a/package.json b/package.json
index dd2218b..b2a3b1f 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@angular/service-worker": "^15.0.0",
     "@ctrl/ngx-emoji-mart": "^7.1.0",
     "@fontsource/material-icons": "^4.5.4",
+    "@ng-matero/extensions": "^15.0.1",
     "@noble/secp256k1": "^1.7.0",
     "@scure/base": "^1.1.1",
     "joi": "^17.7.0",