🐛 - fixed a few console warning and errors

There still 2 warnings; 1 for unused var that's breaks everything if I remove it: checkInComplet checkInComp = null; The other warning message is for the sign-out button link. Want's a valid href in the <a> tag.  chingu-voyages#94

client/src/App.js

@@ -79,7 +79,9 @@ class App extends Component {
             <Dashboard 
               displayName={this.state.displayName} 
               email={this.state.email} />
-            <button><a className={styles.button} onClick={() => firebaseApp.auth().signOut()}>Sign-out</a></button>
+            <button>
+              <a className={styles.button} onClick={() => firebaseApp.auth().signOut()}>Sign-out</a>
+            </button>
             <Footer /> 
           </div>
         }   

client/src/components/Dashboard.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import axios from 'axios';
 
-import NewHabit from './NewHabit';
+//import NewHabit from './NewHabit';
 import CheckIn from './CheckIn';
 import CurrentHabit from './CurrentHabit';
 import Progress from './Progress';
@@ -20,7 +20,7 @@ class Dashboard extends Component {
 
     //used componentDidUpdate due to async nature of firebase/props
     componentDidUpdate(prevProps) {
-        if (this.props.email != undefined && this.props.email !== prevProps.email) {
+        if (this.props.email !== undefined && this.props.email !== prevProps.email) {
             // Do what you want with email
             const user = this.props.email
             console.log("email is: " + user)

client/src/components/Progress.js

@@ -7,7 +7,7 @@ class Progress extends Component {
     render() {
         return ( 
             <div>
-                {/* <CalHM /> */}   
+                 <CalHM />   
             </div>
         )
     }