Add Prettier to format TypeScript files

frontend/.eslintrc.js

@@ -45,7 +45,8 @@ module.exports = {
     'react-hooks',
     'simple-import-sort',
     'import',
-    '@typescript-eslint'
+    '@typescript-eslint',
+    'prettier'
   ],
 
   settings: {
@@ -348,12 +349,17 @@ module.exports = {
         project: './tsconfig.json'
       },
 
+      extends: [
+        'prettier'
+      ],
+
       rules: Object.assign(typescriptEslintRecommended.rules, {
         'no-shadow': 'off',
         // These should be enabled after cleaning things up
         '@typescript-eslint/no-unused-vars': 'warn',
         '@typescript-eslint/explicit-function-return-type': 'off',
         'react/prop-types': 'off',
+        'prettier/prettier': 'error',
         'simple-import-sort/imports': [
           'error',
           {

frontend/.prettierignore

@@ -0,0 +1,10 @@
+# Ignore everything recursively
+*
+
+# But not the .ts files
+!*.ts*
+
+*css.d.ts
+
+# Check subdirectories too
+!*/

frontend/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "arrowParens": "always",
+  "endOfLine": "auto",
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

frontend/src/.vscode/settings.json

@@ -1,4 +1,23 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-  "files.insertFinalNewline": true
-}
+  "files.insertFinalNewline": true,
+
+  "files.exclude": {
+    "**/node_modules": true,
+    "**/*.d.css": true
+  },
+
+  "editor.formatOnSave": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+
+  "typescript.preferences.quoteStyle": "single",
+
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
+}