feat: use eslint with prettier to format code

client/src/components/Header/components/Login.js

@@ -12,9 +12,12 @@ import { gtagReportConversion } from '../../../analytics/gtag';
 
 import './login.css';
 
-const mapStateToProps = createSelector(isSignedInSelector, isSignedIn => ({
-  isSignedIn
-}));
+const mapStateToProps = createSelector(
+  isSignedInSelector,
+  isSignedIn => ({
+    isSignedIn
+  })
+);
 const mapDispatchToProps = dispatch => ({
   navigate: location => dispatch(hardGoTo(location))
 });
@@ -38,7 +41,7 @@ function Login(props) {
         className={
           (restProps.block ? 'btn-cta-big' : '') + ' signup-btn btn-cta'
         }
-        >
+      >
         {children || 'Sign In'}
       </Button>
     </a>

client/src/components/Header/components/SignedIn.js

@@ -6,9 +6,12 @@ import { createSelector } from 'reselect';
 
 import { userSelector } from '../../../redux';
 
-const mapStateToProps = createSelector(userSelector, ({ picture }) => ({
-  picture
-}));
+const mapStateToProps = createSelector(
+  userSelector,
+  ({ picture }) => ({
+    picture
+  })
+);
 
 function SignedIn({ picture }) {
   return (

client/src/components/Header/index.js

@@ -78,7 +78,7 @@ class Header extends Component {
             className='menu-button'
             onClick={this.toggleClass}
             ref={this.menuButtonRef}
-            >
+          >
             Menu
           </span>
           <Media onChange={this.handleMediaChange} query='(max-width: 734px)' />