add prettier for auto formatting (#231)

* [Prettier] Add "prettier"

Makes the formatting of the code consistent.
By using the eslint-plugin-prettier formatting issues will be highlighted as a lint error.
These errors will be auto fixed by running "lint --fix" (which can be done automatically on file save)

* [Prettier] Add "prettier" - Fix formatting

.eslintrc.js

@@ -1,27 +1,16 @@
 module.exports = {
-    extends: [
-        'airbnb',
-        'airbnb-typescript'
-    ],
-    plugins: ['@typescript-eslint', 'no-relative-import-paths'],
+    extends: ['airbnb', 'airbnb-typescript', 'prettier'],
+    plugins: ['@typescript-eslint', 'no-relative-import-paths', 'prettier'],
     parserOptions: {
         project: './tsconfig.json',
     },
     rules: {
-        // Indent with 4 spaces
-        '@typescript-eslint/indent': ['error', 4],
-
-        // Indent JSX with 4 spaces
-        'react/jsx-indent': ['error', 4],
-
-        // Indent props with 4 spaces
-        'react/jsx-indent-props': ['error', 4],
-
-        'no-plusplus': ['error', { 'allowForLoopAfterthoughts': true }],
+        'prettier/prettier': 'error',
 
+        'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
 
         // just why
-        'react/jsx-no-bind' : 'off',
+        'react/jsx-no-bind': 'off',
         'react/jsx-props-no-spreading': 'off',
         'react/require-default-props': 'off',