diff --git a/kibicara-frontend/package-lock.json b/kibicara-frontend/package-lock.json
index 99b1fe9..6da9588 100644
--- a/kibicara-frontend/package-lock.json
+++ b/kibicara-frontend/package-lock.json
@@ -361,19 +361,28 @@
       }
     },
     "@angular/cdk": {
-      "version": "14.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-14.2.7.tgz",
-      "integrity": "sha512-/tEsYaUbDSnfEmKVvAMramIptmhI67O+9STjOV0i+74XR2NospeK0fkbywIANu1n3w6AHGMotvRWJrjmbCElFg==",
+      "version": "15.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-15.2.3.tgz",
+      "integrity": "sha512-zb9/7nVT7VdqJeQ2l10Ei2Uhm9Woc8msUUbE+VxNON3e7N2czbZeRpDdV/tyA46/9sgEvYcOXLCIB+8JkF5FwQ==",
       "requires": {
-        "parse5": "^5.0.0",
+        "parse5": "^7.1.2",
         "tslib": "^2.3.0"
       },
       "dependencies": {
-        "parse5": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
-          "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
+        "entities": {
+          "version": "4.4.0",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
+          "integrity": "sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==",
           "optional": true
+        },
+        "parse5": {
+          "version": "7.1.2",
+          "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+          "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+          "optional": true,
+          "requires": {
+            "entities": "^4.4.0"
+          }
         }
       }
     },
@@ -664,10 +673,57 @@
       }
     },
     "@angular/material": {
-      "version": "14.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-14.2.7.tgz",
-      "integrity": "sha512-WXHh8pEStpgkXZJmYOg2cI8BSHkV82ET4XTJCNPdveumaCn1UYnaNzsXD13kw5z+zmy8CufhFEzdXTrv/yt7KQ==",
+      "version": "15.2.3",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-15.2.3.tgz",
+      "integrity": "sha512-hM3oxalZa5D0pl3aiuRNaYhP4odKmQzQvJQx1lfZ8nWIeBfzS94lygRLa5M7V8eGsYa6v+iCT5Kc+V2L6imJfA==",
       "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/auto-init": "15.0.0-canary.684e33d25.0",
+        "@material/banner": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/card": "15.0.0-canary.684e33d25.0",
+        "@material/checkbox": "15.0.0-canary.684e33d25.0",
+        "@material/chips": "15.0.0-canary.684e33d25.0",
+        "@material/circular-progress": "15.0.0-canary.684e33d25.0",
+        "@material/data-table": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dialog": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/drawer": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/fab": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/form-field": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/image-list": "15.0.0-canary.684e33d25.0",
+        "@material/layout-grid": "15.0.0-canary.684e33d25.0",
+        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+        "@material/linear-progress": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu": "15.0.0-canary.684e33d25.0",
+        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+        "@material/radio": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/segmented-button": "15.0.0-canary.684e33d25.0",
+        "@material/select": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/slider": "15.0.0-canary.684e33d25.0",
+        "@material/snackbar": "15.0.0-canary.684e33d25.0",
+        "@material/switch": "15.0.0-canary.684e33d25.0",
+        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "@material/tab-bar": "15.0.0-canary.684e33d25.0",
+        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
+        "@material/textfield": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tooltip": "15.0.0-canary.684e33d25.0",
+        "@material/top-app-bar": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
         "tslib": "^2.3.0"
       }
     },
@@ -2202,6 +2258,757 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
       "dev": true
     },
+    "@material/animation": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-5osi1z4JQIXcklPALbH/zTfOm2pDzHt9Fxm7ZyURy250xIZj6QjULRzPTnzOhC2ropfix9ra2Cfggbf0dcRbEQ==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/auto-init": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-OigQTmrVzkcGvxNjOaIe5oItTFPgrO9xLewvharDI6m6yvO1z7OBnkcW+sFN6ggLNYNxd0O1u9v64vMsmeDABQ==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/banner": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/banner/-/banner-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-PqtGp3KWzdu58rWv/DIvSfe38m5YKOBbAAbBinSvgadBb/da+IE1t5F7YPNKE1T5lJsQBGVUYx6QBIeXm+aI/A==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/base": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-oOaqb/SfjWwTKsdJUZmeh/Qrs41nIJI0N+zELsxnvbGjSIN1ZMAKYZFPMahqvC68OJ6+5CvJM8PoTNs5l+B8IQ==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/button": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-Nkekk4edeX+ObVOa7UlwavaHdmckPV5wU4SAJf3iA3R61cmz+KsgAgpzfcwv5WfNhIlc2nLu8QYEecpHdo9d/w==",
+      "requires": {
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/card": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/card/-/card-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-xhyB7XX5KkEiCEqwSPkl58ZGYL6xFdnY62zimyBXJRG/Eaa0Swj3kW20hVCpt4f7c9Zmp8Se27rg8vnKmhvO3g==",
+      "requires": {
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/checkbox": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-NFpM3TS924PmVsk2KQLNU95OYCf8ZwYgzeqfnAexU0bEfjUJXINBun2Go0AaeOUMjuvWUe+byjrXgv8SFYbMUA==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/chips": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-z4ajQ4NnsAQ/Si9tZ4xmxzjj2Qb+vW++4QjCjjjwAGIZbCe0xglAnMh2t66XLJUxt7RoKZuZVEO7ZqcFZpvJFQ==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/checkbox": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/circular-progress": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-G6qD0nGNtEUwWnAMJuA9INYFpZoKtx7KFjBaPF4Ol2YLHtmShALNAYyn54TMAK8AZ2IpW08PXjGS7Ye88vrdEQ==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/data-table": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-+wDw1DDDFfAsKAMzs84f/5GCjux39zjNfW8tL4wFbkWNwewmQrG9zaQMJhBpVOtLCrM8Gj6SOgOANqgqoCjvGg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/checkbox": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/linear-progress": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/select": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/density": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-661yEVRMGrlq6S6WuSbPRO+ZwpdUOg2glCc7y96doM6itSLOa3UEAldjOLfsYZVB74GnKCiuDp//QmfoRyYTfA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/dialog": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-szn0dHnfeQTSOC6SSRSGAzX6Tnx+4NnSMUwNkXm+3bwjds8ZVK26+DXwLrP5f3ID5F1K5sFsRf2INo5/TNTHyQ==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/dom": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-7pEJLYov+tGgfuD8mZxoVU6rWtPI8ppjTAhz+F27Hz9FG0JETMWTKpDPBXLnKvX7vhIxL83GvZ9geNHCe8Hfog==",
+      "requires": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/drawer": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-/KMckLf1PYU/H3PXnS4e0aFl03qG3JlSv4LGgX6juJufcONqGTl/m63EMO/L/eUy6H1CRrXmVDjik/jzHLyDhg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/elevation": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-WDF8SsRtq3rXUbVVbd9K4DUijIPH0bUFSOreVYxudpuxAfTlDS5+aeS1EK9UIBFYLuba4u5wVT2tDv6e1RTfrQ==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/fab": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/fab/-/fab-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-KCu87rWOKEAe9vZcAm6K8XazYSWPNjMG+OhrbPjHW6bCO7as1YCgtmkBkhff7csY/rFmcVpIy884xtUfLmSudQ==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/feature-targeting": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-HyH1erNTSjS63sigNSUMaCd0nJhTNdDFeC+myrxwtDaQm+uYJ8troCNtQM3g6mx0XATNtX5aTOoPmrM6yVVi1A==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/floating-label": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-f7TPp6bKpGvV3sYYiZHSGlrixXKkXXITW3Esp7KB9jRq42c0H82novmdwvY0eTef4ootmA2JEysr78KQfHBUPg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/focus-ring": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-ikw2RVUfgzXChpWIzPH1VzRvTjYb5ZKj4H+CZf7jqPUXMstFOZg90Bp7ARLZHqYiyNMuUq3zUTHozS6iHorSqg==",
+      "requires": {
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0"
+      }
+    },
+    "@material/form-field": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-vpF9N/uq5no/7+8GAbEH0868FhOuBgxAWRr1Sfb+jthKfBr8OS/wPU/AHzZHdHdAm7PQynbeOXfDsX2dI//PDA==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/icon-button": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-wMI+XGzmIN/o2ePBKg2hLyx7H4pXCRAyyIKMQS1FMp1UKa2tYmiHVX/V8skhKwCqxg3i6Ls/LxMjfPxTR18WvQ==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/image-list": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-Ol+uaHYBe5R/cgzlfh5ONnMVX0wO6fV74JMUcQCQlxP6lXau/edARo4tkRc7A7UJUkU3VRv0EpEjLoCRNUPGaA==",
+      "requires": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/layout-grid": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-ALXE1mqFNb/RB2lVRQ3/r1Aufw2mFZnOjRE+boYDVepmAG/xWyPCyaGoavELJF5l4GAb0tXi8wA/8HeGbLOpuA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/line-ripple": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-7hRx8C/e9i0P6pgQpNOMfTwSS2r1fwEvBL72QDVGLtLuoKKwsjjgP6Z0Jat/GeHJe87u9LQvGBoD4upt+of/HA==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/linear-progress": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-iJclt7mKmcMk6pqD7ocXKfCWZhqBoODp7N593jYlxVpTJuEz2wiVAjZUDn/YGj/Uz3CRH+2YFfOiLr9pwWjhDg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/list": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-rQ+FCSdzmwTcT00IYE0uRV3CS4oGSccKFl9hkcF+aHFW61L7ORh/SCGUDPrEfQFrFkMn5f8qroVJjpUAMXBz4g==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/menu": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-r7wzDLSGSI9629/mfpvsMzkVxpmV75kcD3IrW0Pcu6/Bv/1xi0EvjcUXzNJJoQlwN4Zj35Ymz/PCjZkIDIz68Q==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/menu-surface": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-RVO5GAYcfWPaKwxsF/NhUAmrYXQCQBKvRQW0TIlbmAJz6lcFeTs6YZqF3u1C7qrL3ZQGz+sur/7ywj6QU0oMow==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/notched-outline": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-9YHcBkvJLPVYzkHcWoTpBZAFrEd+j1hjhGxLhh0LuNrZe8VroUkZD1TTnUAPHRG3os6EqEWWaKb0RN+aPIF2yQ==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/progress-indicator": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-c0icji4faeNWUoqGENGC7Hav0Puxh0RwXIDVizffaUxKIGbajpIp5+4Zop73fK/xFLGMB/npg7TbP+aCGjQ3fw==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/radio": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/radio/-/radio-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-U3Eh8sNUA8trDla1Bq8Bo02foxYvtoewaKeF8A8tAju81XZ4jRiftfOsOWZDZEHCVbbCB2QwvutvFlnay5n+Aw==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/ripple": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-RyePu7SjIm/OuyyEieZ/gxiPYkNZOZHeid72WRcN9ofdlljj2pifcdPvcfZA+v/DMS33xo5GjG2L/Qj6ClWrKw==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/rtl": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-NqdJl8Ayupp1Th+vCNCpVQHbUFOuF7TCte9LD1norTIBUF/QizIxWby2W5uUEiPbnh5j9PmE1CJtfLwKun3pcw==",
+      "requires": {
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/segmented-button": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-bEGgg8vgXNLyukyV8HRjFMuQ6t6nm5LQ4Pgm22um61Yc8qyi0BOqV41OR4SVdUrUqZxh1aVD+p+4NN03+LfQXw==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/touch-target": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/select": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-kf178/2TeEinTv0mgmSBcmmExQ2h7a7dtR1E3WuqQgisJ/R6+zVLMkC2CnfIyzxYX2vkuUTG0ue3Reh/6XiqSg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+        "@material/list": "15.0.0-canary.684e33d25.0",
+        "@material/menu": "15.0.0-canary.684e33d25.0",
+        "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/shape": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-aEelpaTFmpnCji3TUGP9bVCS/bRVjUmLTHBPZtuu1gOrUVVtJ6kYOg73dZNJF+XOoNL2yOX/LRcKwsop29tptA==",
+      "requires": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/slider": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/slider/-/slider-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-WVyK+2pSNSZmj07M2K/a3TADoQ9FBCndfNC/vE7/wGIg4dddJJK5KvQ+yruf9R2cSzTL/S1sZ5WpyyeM8E9HTw==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/snackbar": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-itO+DCkOannZzR1/cCHcqAm7ifhuFvXmDItNoA8qLEcAyJDJJRkhpwj3XQ01yuo9gBFcSctp7Txt7e+Hncm/Jg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/icon-button": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/switch": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/switch/-/switch-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-Jxi0gl92yvvZZsAPxvVHzXx2ga+T/djMow98jvEczmpUorWnAhgiCr9CsSSRoosahWyRB8NLZOxUQrACxvffjw==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/tab": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab/-/tab-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-WQL3wj9syHNcfe8KbgGGUcA34M8C/xZ+n0Fkkh8Kk6puVwaU+xqUNihsxPY6YzKpmh4PZ4oJaBdiN8zvFT1zqQ==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/tab-bar": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-SW/cMaDsIGGkM1ag3A7GJRlmr8eXmObWsvitQJzh6Azr5zzZtSI+GQygkMesAEE1gbpqOVN8d40rh3H7VVIAcA==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+        "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/tab-indicator": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-kKICqSPqOlaf0lzaFFCmuOqPXJC+cK48Qmsc+m5o6fJhkmuZRCYpIwB2JeP+uZSOq/bTH+SrPtCtnVlgWg6ksA==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/tab-scroller": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-H6EU/TSiK/M2DyyORX5GEtXD9rKYxTMHC2VxsNWARPMFJGzgeW2ugYkFv+rKI1/c0bs0CJ4e+qFnOlBsQXZvyQ==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/tab": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/textfield": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-OvgpDXjvpyJTtAWskO69IDybFvDNzr9w2PN/Fk7yFm+uNVupaWz1Ew8lZ4gGslaTNSVmh2XcsvmzxcLINSiiNg==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/density": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/floating-label": "15.0.0-canary.684e33d25.0",
+        "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+        "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/theme": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-AZxaXXAvRKzAi20RlMxzt2U5UmkCWyv7DMWEBXsxtG5Tk54mi1HsbVUp3fxDPTlmL7Pq8p1/DESg/o7TgRCVlw==",
+      "requires": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/tokens": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-wVwbQOTCXDPKYPdHQHLr026y36MMFelID1CmbfRk6mSol4O8yE9U0fXcShfRDW8Qo5E3X31w9c2A6T3neJY7wQ==",
+      "requires": {
+        "@material/elevation": "15.0.0-canary.684e33d25.0"
+      }
+    },
+    "@material/tooltip": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-dtm26QjxyQdinc8btgz6yys07b7bUW4FZgNF2EBPeGrICrPg7jf+JEvDziz5g8VMaTBQLOQRSCGy0MKuRlOjLw==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/button": "15.0.0-canary.684e33d25.0",
+        "@material/dom": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/tokens": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/top-app-bar": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-1M+oupUxflfW7u81P1XlxoLZB8bLzwtpKofIfDNRbEsiKhlLTERJR3Yak3BGE9xakNMysAaBHlkb5MrN5bNPFw==",
+      "requires": {
+        "@material/animation": "15.0.0-canary.684e33d25.0",
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/elevation": "15.0.0-canary.684e33d25.0",
+        "@material/ripple": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/shape": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "@material/typography": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/touch-target": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-zdE69Slg8+T7sTn1OwqZ6H7WBYac9mxJ/JlJqfTqthzIjZRcCxBSYymQJcDHjsrPnUojOtr9U4Tpm5YZ96TEkQ==",
+      "requires": {
+        "@material/base": "15.0.0-canary.684e33d25.0",
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/rtl": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@material/typography": {
+      "version": "15.0.0-canary.684e33d25.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-15.0.0-canary.684e33d25.0.tgz",
+      "integrity": "sha512-aVnvgMwcfNa/K4wujzpKDIxjGl2hbkEL+m+OKDSQqWYjKcP9QrbzCXJruJBqxrBoPRHLbqo47k5f9uT8raSgjw==",
+      "requires": {
+        "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+        "@material/theme": "15.0.0-canary.684e33d25.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "@ngtools/webpack": {
       "version": "15.2.4",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-15.2.4.tgz",
@@ -9140,6 +9947,11 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true
     },
+    "safevalues": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/safevalues/-/safevalues-0.3.4.tgz",
+      "integrity": "sha512-LRneZZRXNgjzwG4bDQdOTSbze3fHm1EAKN/8bePxnlEZiBmkYEDggaHbuvHI9/hoqHbGfsEA7tWS9GhYHZBBsw=="
+    },
     "sass": {
       "version": "1.58.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.58.1.tgz",
diff --git a/kibicara-frontend/package.json b/kibicara-frontend/package.json
index 8b991d4..78bcba3 100644
--- a/kibicara-frontend/package.json
+++ b/kibicara-frontend/package.json
@@ -13,13 +13,13 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^15.2.3",
-    "@angular/cdk": "^14.2.7",
+    "@angular/cdk": "^15.2.3",
     "@angular/common": "^15.2.3",
     "@angular/compiler": "^15.2.3",
     "@angular/core": "^15.2.3",
     "@angular/forms": "^15.2.3",
     "@angular/localize": "^15.2.3",
-    "@angular/material": "^14.2.7",
+    "@angular/material": "^15.2.3",
     "@angular/platform-browser": "^15.2.3",
     "@angular/platform-browser-dynamic": "^15.2.3",
     "@angular/router": "^15.2.3",
diff --git a/kibicara-frontend/src/app/auth/login/login.component.ts b/kibicara-frontend/src/app/auth/login/login.component.ts
index cfe80b3..e370cec 100644
--- a/kibicara-frontend/src/app/auth/login/login.component.ts
+++ b/kibicara-frontend/src/app/auth/login/login.component.ts
@@ -3,7 +3,7 @@ import { LoginService } from '../../core/auth/login.service';
 import { Router, ActivatedRoute } from '@angular/router';
 import { Validators, UntypedFormGroup, UntypedFormBuilder } from '@angular/forms';
 import { first } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-login',
diff --git a/kibicara-frontend/src/app/auth/password-reset/password-reset.component.ts b/kibicara-frontend/src/app/auth/password-reset/password-reset.component.ts
index b0d46c9..e942cad 100644
--- a/kibicara-frontend/src/app/auth/password-reset/password-reset.component.ts
+++ b/kibicara-frontend/src/app/auth/password-reset/password-reset.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { first } from 'rxjs/operators';
 import { AdminService } from 'src/app/core/api/api/admin.service';
diff --git a/kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.ts b/kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.ts
index 61bc57c..0da3f63 100644
--- a/kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.ts
+++ b/kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { first } from 'rxjs/operators';
 import { AdminService } from 'src/app/core/api/api/admin.service';
diff --git a/kibicara-frontend/src/app/auth/register/register.component.ts b/kibicara-frontend/src/app/auth/register/register.component.ts
index dda0dd0..b4584cc 100644
--- a/kibicara-frontend/src/app/auth/register/register.component.ts
+++ b/kibicara-frontend/src/app/auth/register/register.component.ts
@@ -4,7 +4,7 @@ import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms
 import { first } from 'rxjs/operators';
 import { Router, ActivatedRoute } from '@angular/router';
 import { LoginService } from 'src/app/core/auth/login.service';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-register',
diff --git a/kibicara-frontend/src/app/core/auth/error.interceptor.ts b/kibicara-frontend/src/app/core/auth/error.interceptor.ts
index eaf1315..306068f 100644
--- a/kibicara-frontend/src/app/core/auth/error.interceptor.ts
+++ b/kibicara-frontend/src/app/core/auth/error.interceptor.ts
@@ -10,7 +10,7 @@ import { Observable, throwError } from 'rxjs';
 import { LoginService } from './login.service';
 import { catchError } from 'rxjs/operators';
 import { Router } from '@angular/router';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { OverlayComponent } from 'src/app/shared/overlay/overlay.component';
 
 @Injectable()
diff --git a/kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.ts b/kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.ts
index 39aee38..18f4811 100644
--- a/kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.ts
+++ b/kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { Router } from '@angular/router';
 import { AdminService } from 'src/app/core/api/api/admin.service';
 import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';
diff --git a/kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.ts b/kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.ts
index 5814b7c..e83284c 100644
--- a/kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.ts
+++ b/kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.ts
@@ -3,7 +3,7 @@ import { BadwordsService, BodyBadWord } from 'src/app/core/api';
 import { Observable } from 'rxjs';
 import { UntypedFormGroup, Validators, UntypedFormBuilder } from '@angular/forms';
 import { first } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-badwords',
diff --git a/kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.ts b/kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.ts
index 25f092b..304d16e 100644
--- a/kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.ts
+++ b/kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.ts
@@ -4,7 +4,7 @@ import { Observable } from 'rxjs';
 import { ResourceLoader } from '@angular/compiler';
 import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { first } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-trigger',
diff --git a/kibicara-frontend/src/app/dashboard/board/settings/settings.component.ts b/kibicara-frontend/src/app/dashboard/board/settings/settings.component.ts
index bd10367..7fd7eda 100644
--- a/kibicara-frontend/src/app/dashboard/board/settings/settings.component.ts
+++ b/kibicara-frontend/src/app/dashboard/board/settings/settings.component.ts
@@ -1,11 +1,11 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { HoodsService } from 'src/app/core/api';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';
 import { Router } from '@angular/router';
 import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { first } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-settings',
diff --git a/kibicara-frontend/src/app/dashboard/hoods/hoods.component.ts b/kibicara-frontend/src/app/dashboard/hoods/hoods.component.ts
index 8bd94fc..b4182f5 100644
--- a/kibicara-frontend/src/app/dashboard/hoods/hoods.component.ts
+++ b/kibicara-frontend/src/app/dashboard/hoods/hoods.component.ts
@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { AdminService, BodyHood } from 'src/app/core/api';
 import { map } from 'rxjs/operators';
 import { Observer } from 'rxjs';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { NewHoodDialogComponent } from './new-hood-dialog/new-hood-dialog.component';
 import { Router } from '@angular/router';
 
diff --git a/kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.ts b/kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.ts
index da0e29a..94f6dc4 100644
--- a/kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.ts
+++ b/kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.ts
@@ -1,9 +1,9 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 import { HoodsService } from 'src/app/core/api';
 import { first } from 'rxjs/operators';
 import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-new-hood-dialog',
diff --git a/kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.ts b/kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.ts
index ae28a0a..6c79d06 100644
--- a/kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.ts
+++ b/kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.ts
@@ -3,9 +3,9 @@ import { EmailService } from 'src/app/core/api';
 import { environment } from 'src/environments/environment';
 import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { EmailBotInfoDialogComponent } from './email-bot-info-dialog/email-bot-info-dialog.component';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { first } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-email-bot-card',
diff --git a/kibicara-frontend/src/app/platforms/email/email-confirmation/email-confirmation.component.ts b/kibicara-frontend/src/app/platforms/email/email-confirmation/email-confirmation.component.ts
index 1c4d27a..98ca907 100644
--- a/kibicara-frontend/src/app/platforms/email/email-confirmation/email-confirmation.component.ts
+++ b/kibicara-frontend/src/app/platforms/email/email-confirmation/email-confirmation.component.ts
@@ -1,8 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { EmailService } from 'src/app/core/api';
-import { MatDialog } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-email-confirmation',
diff --git a/kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.ts b/kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.ts
index a674af3..ce88773 100644
--- a/kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.ts
+++ b/kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.ts
@@ -1,9 +1,9 @@
 import { Component, OnInit, Input, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 import { Validators, UntypedFormBuilder } from '@angular/forms';
 import { EmailService } from 'src/app/core/api';
 import { first } from 'rxjs/operators';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-email-dialog',
diff --git a/kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.ts b/kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.ts
index 58cafd2..6913e7d 100644
--- a/kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.ts
+++ b/kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.ts
@@ -1,11 +1,11 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { Observable } from 'rxjs/internal/Observable';
 import { EmailService, HoodsService } from 'src/app/core/api';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { EmailDialogComponent } from './email-dialog/email-dialog.component';
 import { EmailInfoDialogComponent } from './email-info-dialog/email-info-dialog.component';
 import { BotStatus } from '../../../core/model/status';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { environment } from 'src/environments/environment';
 
 @Component({
diff --git a/kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.ts b/kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.ts
index 5328b48..a0d67d7 100644
--- a/kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.ts
+++ b/kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { EmailService } from 'src/app/core/api';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-email-unsubscribe',
diff --git a/kibicara-frontend/src/app/platforms/platforms-info-page/platforms-info-page.component.ts b/kibicara-frontend/src/app/platforms/platforms-info-page/platforms-info-page.component.ts
index 22d772b..e73cc65 100644
--- a/kibicara-frontend/src/app/platforms/platforms-info-page/platforms-info-page.component.ts
+++ b/kibicara-frontend/src/app/platforms/platforms-info-page/platforms-info-page.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Input } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 
 @Component({
   selector: 'app-platforms-info-page',
diff --git a/kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.ts b/kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.ts
index 4e4718e..73caecc 100644
--- a/kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.ts
+++ b/kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { TelegramService } from 'src/app/core/api';
 import { TelegramBotInfoDialogComponent } from './telegram-bot-info-dialog/telegram-bot-info-dialog.component';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 
 @Component({
   selector: 'app-telegram-bot-card',
diff --git a/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.ts b/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.ts
index 7fd2a33..420f85b 100644
--- a/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.ts
+++ b/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.ts
@@ -1,8 +1,8 @@
 import { Component, OnInit, Inject } from '@angular/core';
 import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 import { TelegramService, BodyTelegram } from 'src/app/core/api';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 import { first } from 'rxjs/operators';
 
 @Component({
diff --git a/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.ts b/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.ts
index e28f38e..11c0960 100644
--- a/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.ts
+++ b/kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.ts
@@ -2,10 +2,10 @@ import { Component, OnInit, Input } from '@angular/core';
 import { TelegramService } from 'src/app/core/api';
 import { Observable } from 'rxjs';
 import { TelegramInfoDialogComponent } from './telegram-info-dialog/telegram-info-dialog.component';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { TelegramDialogComponent } from './telegram-dialog/telegram-dialog.component';
 import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-telegram-settings',
diff --git a/kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.ts b/kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.ts
index ffd2673..dbd4ebd 100644
--- a/kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.ts
+++ b/kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { TwitterService } from 'src/app/core/api';
 import { TwitterBotInfoDialogComponent } from './twitter-bot-info-dialog/twitter-bot-info-dialog.component';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 
 @Component({
   selector: 'app-twitter-bot-card',
diff --git a/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts b/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
index 76eedf7..06b5b21 100644
--- a/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
+++ b/kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
@@ -2,8 +2,8 @@ import { Component, OnInit, Input } from '@angular/core';
 import { Observable } from 'rxjs';
 import { TwitterService } from 'src/app/core/api';
 import { TwitterInfoDialogComponent } from './twitter-info-dialog/twitter-info-dialog.component';
-import { MatDialog } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
 
 @Component({
   selector: 'app-twitter-settings',
diff --git a/kibicara-frontend/src/app/shared/material/material.module.ts b/kibicara-frontend/src/app/shared/material/material.module.ts
index ce9e57d..9295e06 100644
--- a/kibicara-frontend/src/app/shared/material/material.module.ts
+++ b/kibicara-frontend/src/app/shared/material/material.module.ts
@@ -1,18 +1,18 @@
 import { NgModule } from '@angular/core';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatButtonModule } from '@angular/material/button';
+import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
 import { MatIconModule } from '@angular/material/icon';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatCardModule } from '@angular/material/card';
+import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
+import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs';
+import { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';
 import { MatExpansionModule } from '@angular/material/expansion';
-import { MatListModule } from '@angular/material/list';
-import { MatInputModule } from '@angular/material/input';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
+import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
+import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
+import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
+import { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle';
+import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
+import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 
 @NgModule({
   declarations: [],
diff --git a/kibicara-frontend/src/app/shared/yes-no-dialog/yes-no-dialog.component.ts b/kibicara-frontend/src/app/shared/yes-no-dialog/yes-no-dialog.component.ts
index 18e9513..05db6f5 100644
--- a/kibicara-frontend/src/app/shared/yes-no-dialog/yes-no-dialog.component.ts
+++ b/kibicara-frontend/src/app/shared/yes-no-dialog/yes-no-dialog.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
 
 @Component({
   selector: 'app-yes-no-dialog',