Add import order linting for JS files

[shlokamin]

Overview

As per #4680 (comment) we have an unofficial import order we tend to follow in JS files. Let's have this be checked in a linter so we don't have to worry about this on our own/in PR reviews.

[mcous]

The only annoying thing here is that the import/order eslint plugin does not currently support import type ... as an import group. See import-js/eslint-plugin-import#645. That being said, with TypeScript now supporting the import type {...} syntax hopefully there will be some movement soon.

In the mean time, would we want to add this import ordering plugin before the plugin has type import grouping support?

[IanLondon]

Notes:

Tried out eslint-plugin-simple-import-sort in #6028 and tried out eslint import/order in #6032. Like Mike mentioned above, neither support making type imports their own group and putting them together.

Additional note from slack convo: Mike pointed out

The eslint-plugin-import project does have an open ticket to figure out type imports, and the ticket became newly relevant once TypeScript added import type syntax in their latest (or second latest, not keeping track) release. Not knowing much about how eslint plugins etc. work in detail, maybe it would be an interesting JS guild project to see if we could put a fork+PR together?