Fix linting and Sass imports (#119)

.eslintignore

@@ -1,4 +1,3 @@
 node_modules/
 public/
 build/
-src/serviceWorker.js

.eslintrc.json

@@ -1,6 +1,13 @@
 {
-  "ignorePatterns": [
-    "vite.config.mjs"
+  "ignorePatterns": ["vite.config.mjs"],
+  "extends": [
+    // "react-app",
+    "react-app/jest",
+    // "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:import/typescript",
+    // "plugin:react-hooks/recommended",
+    "prettier"
   ],
   "parserOptions": {
     "ecmaVersion": 2020,
@@ -9,36 +16,18 @@
       "jsx": true
     }
   },
-  "plugins": [
-    "react"
-  ],
+  "plugins": ["react"],
   "rules": {
-    "semi": "warn",
+    "arrow-body-style": ["warn", "as-needed"],
+    "arrow-parens": ["warn", "always"],
+    "jsx-quotes": ["warn", "prefer-single"],
+    "no-console": ["warn", { "allow": ["warn", "error"] }],
     "no-extra-semi": "warn",
-    "no-unused-vars": "warn",
+    // "no-unused-vars": "warn",
     "no-use-before-define": 2,
-    "quotes": [
-      "warn",
-      "single",
-      {
-        "avoidEscape": true
-      }
-    ],
-    "jsx-quotes": [
-      "warn",
-      "prefer-single"
-    ],
-    "arrow-body-style": [
-      "warn",
-      "as-needed"
-    ],
-    "indent": [
-      "warn",
-      2,
-      {
-        "VariableDeclarator": "first",
-        "SwitchCase": 1
-      }
-    ]
+    "quotes": ["warn", "single", { "avoidEscape": true }],
+    "react/react-in-jsx-scope": 0,
+    // "react-hooks/exhaustive-deps": 2,
+    "semi": "warn"
   }
-}
+}

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "endOfLine": "lf",
+  "jsxSingleQuote": true,
+  "printWidth": 120,
+  "quoteProps": "as-needed",
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}