Fix 87 initialising transcript media v2 (#114)

* QA docs for testing component interface

* updated QA link

* edited QA doc

* mend

* fix

* refactored + QA

* removed PORT in npm start

* refactor fix

* Removed some unused modules

* transcript first not crash - but local storage still not working

when component not initialised with media and transcript at same time

* change mute icon

* tested and working

can add from url or from local media  and it would restore session. Note that even if we know it's the same file, those are teo different sessions, as local media uses the file name, and url uses the full url to more uniquely identify transcriptions

* done changes

* Removed eslint ignore ref comment

Author: pietrop

src/lib/TranscriptEditor/MediaPlayer/PlayerControls.js

@@ -16,7 +16,7 @@ import {
   faForward,
   faUndo,
   faVolumeUp,
-  faVolumeOff
+  faVolumeMute
 } from '@fortawesome/free-solid-svg-icons';
 
 class PlayerControls extends React.Component {
@@ -117,7 +117,7 @@ class PlayerControls extends React.Component {
           <button
             value="Picture-in-picture"
             title="Picture-in-picture"
-            className={ style.playerButton + " " + style.pip }
+            className={ style.playerButton + ' ' + style.pip }
             onClick={ this.props.pictureInPicture }>
             <FontAwesomeIcon icon={ faTv } />
           </button>
@@ -127,7 +127,7 @@ class PlayerControls extends React.Component {
             title="Toggle Sound"
             className={ style.playerButton }
             onClick={ this.props.handleMuteVolume }>
-            { this.props.isMute ? <FontAwesomeIcon icon={ faVolumeOff } /> : <FontAwesomeIcon icon={ faVolumeUp } /> }
+            { this.props.isMute ? <FontAwesomeIcon icon={ faVolumeMute } /> : <FontAwesomeIcon icon={ faVolumeUp } /> }
           </button>
         </div>
       </div>