build: Update prettier/eslint/stylelint

* Add prettier plugin for import sorting. Previously used an eslint plugin, but prettier is better suited for code formatting rules.
* Add prettier plugin for sorting attributes on html elements.

.eslintrc.json

@@ -57,26 +57,6 @@
             "rxjs/Rx"
           ]
         }],
-        "sort-imports": ["error", { "ignoreDeclarationSort":  true }],
-        "import/order": ["error", {
-          "groups": [
-            ["builtin"],
-            ["external"],
-            ["internal", "parent", "sibling"]
-          ],
-          "pathGroups": [
-          {
-            "pattern": "@angular/**",
-            "group": "builtin"
-           }
-          ],
-          "pathGroupsExcludedImportTypes": ["@angular/**"],
-          "newlines-between": "always",
-          "alphabetize": {
-            "order": "asc",
-            "caseInsensitive": true
-          }
-        }],
         "import/no-unresolved": ["error"],
         "rxjs/prefer-observer": ["error"],
         "rxjs/finnish": ["error", {

.prettierrc.json

@@ -1,5 +1,41 @@
 {
+  "plugins": ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-organize-attributes"],
   "printWidth": 100,
   "singleQuote": true,
-  "trailingComma": "none"
+  "trailingComma": "none",
+  "importOrder": [
+    "^@angular/(.*)$",
+    "<THIRD_PARTY_MODULES>",
+    "^[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "importOrderParserPlugins": ["decorators-legacy", "typescript"],
+  "attributeGroups": [
+    "$CLASS",
+    "^\\[class\\.",
+    "^\\[ngClass]",
+    "$ID",
+    "$NAME",
+    "^\\[name]$",
+    "$DATA",
+    "^\\[data-",
+    "$SRC",
+    "$FOR",
+    "$TYPE",
+    "^\\[type]$",
+    "$HREF",
+    "^\\[href]$",
+    "$VALUE",
+    "^\\[value]$",
+    "$TITLE",
+    "^\\[title]$",
+    "$ALT",
+    "$ROLE",
+    "$ARIA",
+    "^\\[attr.aria",
+    "$DEFAULT",
+    "$ANGULAR"
+  ],
+  "attributeSort": "ASC"
 }