feat: refactor client and improve design (thedevs-network#260)

* refactor: (wip)

* refactor: finish settings, add icons and stuff

* 🐬

* 🐬

* 2.2.0

.babelrc

@@ -1,4 +1,12 @@
 {
   "presets": ["next/babel", "@zeit/next-typescript/babel"],
-  "plugins": [["styled-components", { "ssr": true, "displayName": true, "preprocess": false }]]
+  "plugins": [
+    [
+      "styled-components",
+      { "ssr": true, "displayName": true, "preprocess": false }
+    ],
+    "inline-react-svg",
+    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-proposal-nullish-coalescing-operator"
+  ]
 }

.eslintrc

@@ -6,7 +6,7 @@
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "project": "./tsconfig.server.json",
+    "project": ["./tsconfig.server.json", "./client/tsconfig.json"]
   },
   "plugins": ["@typescript-eslint"],
   "rules": {
@@ -39,5 +39,5 @@
     "react": {
       "version": "detect"
     }
-  },
-}
+  }
+}

.example.env

@@ -75,7 +75,7 @@ MAIL_FROM=
 MAIL_PASSWORD=
 
 # The email address that will receive submitted reports.
-REPORT_MAIL=
+REPORT_EMAIL=
 
 # Support email to show on the app
 CONTACT_EMAIL=

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "useTabs": false,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "singleQuote": false,
+  "printWidth": 80,
+  "endOfLine": "lf"
+}