[Feature]: Add import/order rule to ES Lint configuration

[ampersarnie]

The feature

To further bolster our working standards and to set some common styling across JS, it has been agreed that it would be worth adding the import/order rule to our ES Lint configuration.

There are additional configurations that need to be considered, however I believe (and this is personal preference) that we should follow this:

"import/order": [
  "error",
  {
    "alphabetize": "asc",
    "warnOnUnassignedImports": true,
    "newlines-between": "always",
    "pathGroups": [
      {
        "pattern": "@wordpress/**",
        "group": "builtin",
        "position": "before"
      }
    ],
  }
]

With this setup it do the following:

• groups will stick with the default ordering and grouping.
• pathGroups will ensure that all @wordpress packages are at the top of the document.
• warnOnUnassignedImports will ensure that imports such as a stylesheet are included in the right place.
• alphabetize ascending order.
• newlines-between additional spacing between groups.

Documentation: https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/order.md

[ampersarnie]

Duplicate of #110