🔧 [#724] Set up eslint-plugin-prettier

This includes the upgrade to prettier v3

.prettierrc.json

@@ -1,5 +1,8 @@
 {
   "$schema": "http://json.schemastore.org/prettierrc",
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports"
+  ],
   "arrowParens": "avoid",
   "bracketSpacing": false,
   "bracketSameLine": false,

eslint.config.mjs

@@ -1,6 +1,7 @@
 import pluginJs from '@eslint/js';
 import importPlugin from 'eslint-plugin-import';
 import jsxA11y from 'eslint-plugin-jsx-a11y';
+import prettierRecommended from 'eslint-plugin-prettier/recommended';
 import reactPlugin from 'eslint-plugin-react';
 import hooksPlugin from 'eslint-plugin-react-hooks';
 import globals from 'globals';
@@ -70,6 +71,7 @@ const config = [
     plugins: {'react-hooks': hooksPlugin},
     rules: hooksPlugin.configs.recommended.rules,
   },
+  prettierRecommended,
   // Storybook stories
   {
     files: ['**/*.stories.{js,jsx}'],

package.json

@@ -169,7 +169,7 @@
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.3",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-webpack-plugin": "^3.1.1",
@@ -186,7 +186,7 @@
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
-    "prettier": "^2.7.1",
+    "prettier": "^3.4.2",
     "prompts": "^2.4.2",
     "prop-types": "^15.7.2",
     "react": "^18.2.0",