fixed some linter configs and tailwind/postcss build error

.eslintrc.json

@@ -40,14 +40,18 @@
         "react"
     ],
     "rules": {
-        "prettier/prettier": "error",
+        "prettier/prettier": ["error", {}, {
+            "usePrettierrc": true
+          }],
         "react/react-in-jsx-scope": "off",
         "react/jsx-filename-extension": "off",
         "import/prefer-default-export": "off",
         "react/no-array-index-key": "off",
         // "react/jsx-wrap-multilines": ["error", {"declaration": false, "assignment": false}],
         "indent": ["error", 2],
-        "arrow-parens": ["error", "as-needed"]
+        "arrow-parens": ["error", "as-needed"],
+        "no-console": "off",
+        "react/jsx-props-no-spreading": "off"
         // "jsx-quotes": [
         //     "error",
         //     "prefer-double"

.prettierrc

@@ -1,4 +1,6 @@
 {
   "printWidth": 100,
-  "singleQuote": true
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "trailingComma": "none"
 }

assets/styles/index.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

next.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  build: {
+    postcss: {
+      preset: {
+        features: {
+          // Fixes: https://github.com/tailwindcss/tailwindcss/issues/1190#issuecomment-546621554
+          'focus-within-pseudo-class': false
+        }
+      }
+    }
+  }
+};

postcss.config.js

@@ -1,4 +1,4 @@
-const tailwindcss = require('tailwindcss');
+// const tailwindcss = require('tailwindcss');
 
 module.exports = {
   // plugins: [
@@ -11,3 +11,6 @@ module.exports = {
   // ]
   plugins: ['tailwindcss', 'postcss-preset-env']
 };
+
+// "@fullhuman/postcss-purgecss": "^2.2.0",
+// "autoprefixer": "9.6.1",