refactor: Unify eslint config, convert to flat configs and update plugins (WIP)

[cacieprins]

• Closes Remove dependency on ESLint v8 (EOL) #30386

Additional details

This is a first step to working towards our Typescript north star.

The big, structural changes:

• npm/eslint-plugin-dev is removed. The custom rules defined there are available from eslint-plugin-cypress and eslint-plugin-mocha, or were ignored in places they would have applied.
• Eslint is updated to 9.18
• Eslint config is converted to the newer flat format
• eslint-stylistic is used for formatting rules that were deprecated. We should consider moving the prettier, but this is a good first step.
• Recommended rulesets are imported from the plugins we leverage
  • "Gold standard" rules that fail against the repo are turned off, and should be turned to 'warn' before merging. They're in a special section in the baseConfig.
  • Stylistic rules that were previously applied inconsistently across the repo are turned off, to limit the diff size of this PR. They should be enabled in a follow-up PR.

Benefits:

• Working towards enabling gold standard rules will be easier
• Using a base 'recommended' ruleset from the plugins we use aligns standards with other projects
• Fewer complicated special-cases for rules
• Dogfooding our own eslint-plugin-cypress

Some drawbacks:

• GraphQL linting is not as comprehensive. This is mostly due to the major version of graphql that the repo and some of its other related dependencies require. Upgrading graphql is out of scope for the forseeable future - it will require an enormous reworking of packages/data-context and packages/graphql. Because this area of the code isn't currently modified very often, I think this is an okay tradeoff.
• Vue linting is slow. That's because it's being processed both by ts and by vue. It takes approximately 1 second per .vue file. This will increase CI times for linting in several of our packages. See: Very slow with typescript-eslint parser and project vuejs/vue-eslint-parser#65

Todo:

• Ensure autofix did not break any builds. There were changes to tsconfigs, which may impact this:
  • typescript-eslint parses .js files too, so that enabling recommended typings goes smoother - ts files that import js files can get some modicum of checking.
  • Several packages have new tsconfig.json files in their cypress/ and/or test/ directories. This is to help typescript-eslint's projectServer functionality determine which files should be included or excluded from the project (and thus linting)
• Several packages' eslint.config.ts files may have redundancies with the baseConfig in the root eslint.config.ts file. These are from partial application of DRY's "rule of three," and can probably be removed.
• Turn "gold standard" rules to "warn" - they were turned off to more easily resolve errors. Those that can be --fixed will likely result in very large diffs, so switching them on may warrant additional PRs.

Steps to test

How has the user experience changed?

PR Tasks

• Have tests been added/updated?
• Has a PR for user-facing changes been opened in cypress-documentation?
• Have API changes been updated in the type definitions?

[cacieprins]

these options are no longer valid in vscode

[cacieprins]

This file was re-sorted by prettier-package-json https://www.npmjs.com/package/prettier-package-json

[cypress]

cypress    Run #61040

Run Properties:   Failed #61040  •  80c2613a8d: WIP: import-x defaults

Project	cypress
Branch Review	eslint-stylistic
Run status	Failed #61040
Run duration	12m 58s
Commit	80c2613a8d: WIP: import-x defaults
Committer	Cacie Prins
View all properties for this run ↗︎

---

Test results
Failures	131
Flaky	1
Pending	763
Skipped	54
Passing	5635
View all changes introduced in this branch ↗︎

---

Warning

Partial Report: The results for the Application Quality reports may be incomplete.

UI Coverage  41.1%
Untested elements	94
Tested elements	67

Accessibility  95.16%
Failed rules	0 critical   4 serious   0 moderate   0 minor
Failed elements	259

---

Tests for review

  e2e/origin/cookie_login.cy.ts • 0 failed tests • 5x-driver-electron

View Output

Test		Artifacts

  commands/net_stubbing.cy.ts • 0 failed tests • 5x-driver-electron

View Output

Test		Artifacts

  commands/actions/type_special_chars.cy.ts • 0 failed tests • 5x-driver-electron

View Output

Test		Artifacts

  e2e/origin/cookie_behavior.cy.ts • 0 failed tests • 5x-driver-electron

View Output

Test		Artifacts

  commands/querying/querying.cy.ts • 0 failed tests • 5x-driver-electron

View Output

Test		Artifacts

The first 5 failed specs are shown, see all 1355 specs in Cypress Cloud.

  src/navigation/SidebarNavigation.cy.tsx • 1 flaky test • app-ct

View Output

Test		Artifacts
SidebarNavigation > expands the bar when clicking the expand button		Test Replay Screenshots

[ryanthemanuel]

Why do we want to ignore package.json? Are there prettier rules we could use to standardize these?

[MikeMcC399]

• Replace deprecated tslint #30132 would be a related issue, requiring replacement of the deprecated npm module tslint with eslint and typescript-eslint.