Added initial config for eslint, prettier, styled-components

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": [["styled-components", { "ssr": true }]]
+}

.eslintrc

@@ -1,3 +1,61 @@
 {
-  "extends": ["next", "next/core-web-vitals"]
-}
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+        "jsx": true
+    }
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    },
+    "import/resolver": {
+      "typescript": {
+        "project": "."
+      }
+    }
+  },
+  "env": {
+    "browser": true,
+    "es2020": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended", 
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "plugins": ["@typescript-eslint", "react", "simple-import-sort"],
+  "ignorePatterns": ["node_modules/", ".next/"],
+  "rules": {    
+    // General
+    "indent": ["warn", 2],    
+    "no-console": "warn",
+    "no-multi-spaces": "warn",
+    "strict": "off",
+
+    //React
+    "jsx-a11y/anchor-is-valid": [
+      "error",
+      {
+          "components": ["Link"],
+          "specialLink": ["hrefLeft", "hrefRight"],
+          "aspects": ["invalidHref", "preferButton"]
+      }
+    ],
+    "react/react-in-jsx-scope": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "no-unused-vars": 0, 
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+
+    // Prettier
+    "prettier/prettier": ["error", {}, { "usePrettierrc": true }]
+  }
+}

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+next-i18next.config.js

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "jsxBracketSameLine": true,
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "none"  ,
+  "arrowParens": "always",
+  "tabWidth": 2
+}

next.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  reactStrictMode: true,
-}
+  reactStrictMode: true
+};