MM-51831 : Add ESLint rule to "channels/components" to error out if "compass-components" package is used (#22754)

webapp/channels/.eslintrc.json

@@ -80,11 +80,22 @@
     "react/style-prop-object": [2, {
       "allow": ["Timestamp"]
     }],
-    "no-restricted-imports": ["error", {
-      "paths": [
-        {"name": "react-bootstrap", "importNames": ["OverlayTrigger"], "message": "Please use OverlayTrigger from '/components/overlay_trigger' instead"}
-      ]
-    }],
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": [
+          {
+            "group": ["react-bootstrap"],
+            "importNames": ["OverlayTrigger"],
+            "message": "Please use OverlayTrigger from '/components/overlay_trigger' instead."
+          },
+          {
+            "group": ["@mattermost/compass-components/*"],
+            "message": "compass-components is now archived"
+          }
+        ]
+      }
+    ],
     "max-lines": ["warn", {"max": 800, "skipBlankLines": true, "skipComments": true}],
     "formatjs/no-multiple-whitespaces": ["error"]
   },