chore: Install Tech environment packages

I installed and solve some problems with prettier, babel, eslint by ts
#1

client/.babelrc

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

client/.eslintrc.json

@@ -1,3 +1,36 @@
 {
-  "extends": "next/core-web-vitals"
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true,
+    "jest": true
+  },
+  "parser": "@babel/eslint-parser",
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "airbnb",
+    "plugin:prettier/recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": ["react", "react-hooks", "prettier"],
+  "rules": {
+    "react/react-in-jsx-scope": 0,
+    "react/prefer-stateless-function": 0,
+    "react/jsx-filename-extension": 0,
+    "react/jsx-one-expression-per-line": 0,
+    "no-nested-ternary": 0
+  }
 }

client/.prettierrc

@@ -0,0 +1,8 @@
+{
+	"singleQuote": false,
+	"semi": true,
+	"useTabs": false,
+	"tabWidth": 2,
+	"trailingComma": "all",
+	"printWidth": 80
+}

client/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    presets: [
+        ['next/babel'],
+    ],
+};

client/next.config.js

@@ -2,6 +2,9 @@
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
+  env: {
+    BASE_URL: process.env.BASE_URL,
+  },
 }
 
 module.exports = nextConfig