chore: add eslint compat plugin (@fehmer) (#6542)

frontend/.eslintrc.cjs

@@ -1,7 +1,8 @@
 /** @type {import("eslint").Linter.Config} */
 module.exports = {
   root: true,
-  extends: ["@monkeytype/eslint-config"],
+  plugins: ["compat"],
+  extends: ["@monkeytype/eslint-config", "plugin:compat/recommended"],
   globals: {
     $: "readonly",
     jQuery: "readonly",
@@ -21,4 +22,7 @@ module.exports = {
     "__tests__/",
     "jest.config.ts",
   ],
+  settings: {
+    lintAllEsApis: true,
+  },
 };

frontend/package.json

@@ -28,7 +28,9 @@
     "node": "20.16.0"
   },
   "browserslist": [
-    "defaults"
+    "defaults",
+    "not op_mini all",
+    "not dead"
   ],
   "devDependencies": {
     "@fortawesome/fontawesome-free": "5.15.4",
@@ -50,6 +52,7 @@
     "concurrently": "8.2.2",
     "dotenv": "16.4.5",
     "eslint": "8.57.1",
+    "eslint-plugin-compat": "6.0.2",
     "firebase-tools": "13.15.1",
     "fontawesome-subset": "4.4.0",
     "gulp": "4.0.2",