UI improvements

1. Disable review button when an audio plays
2. Disable next button when an audio plays
3. Avoid  jumping to next prompt when a user clicks for review

Author: Ruthvicp

frontend/src/App/Record.js

@@ -91,9 +91,11 @@ class Record extends Component {
                 ? "btn-disabled"
                 : this.state.blob === undefined
                 ? "btn-disabled"
+                : this.state.play
+                ? "btn-disabled"
                 : null
             } `}
-            onClick={this.state.shouldRecord ? () => null : this.playWav}
+            onClick={this.state.shouldRecord ? () => null : this.state.play ? () => null : this.playWav}
           >
             <i className="fas fa-play ibutton" />
             Review
@@ -105,9 +107,11 @@ class Record extends Component {
                 ? "btn-disabled"
                 : this.state.blob === undefined
                 ? "btn-disabled"
+                : this.state.play
+                ? "btn-disabled"
                 : null
             }`}
-            onClick={this.state.shouldRecord ? () => null : this.onNext}
+            onClick={this.state.shouldRecord ? () => null : this.state.play ? () => null : this.onNext}
           >
             <i className="fas fa-forward ibutton-next" />
             Next
@@ -240,8 +244,10 @@ class Record extends Component {
 
     // next prompt
     if (event.keyCode === 39) {
-      this.onNext();
-    }
+        if (!this.state.play) {
+          this.onNext();
+        }
+     }
   };
 
   recordHandler = () => {