Added documentation for react components under /common and fix for some leftover element id's on commonly used components that I missed.

src/ui/components/common/Checkbox.tsx

@@ -42,7 +42,7 @@ export default class Checkbox extends React.Component<IProps, IState> {
     return (
       <div className="Checkbox">
         <input type='checkbox' id={this.props.id} checked={this.state.checked} onChange={this.handleChange} />
-        <label id="commonCheckboxLabel" htmlFor={this.props.id}>
+        <label htmlFor={this.props.id}>
           <div className="CheckboxDisplay">
             {this.state.checked ? <img src={checkmark} alt='Checkmark' /> : null}
           </div>

src/ui/components/common/DirInput.tsx

@@ -88,7 +88,6 @@ export default class DirInput extends React.Component<IProps, IState> {
     return (
       <div className='DirInput'>
         <TextInput
-          id='commonDirInputText'
           value={this.state.value}
           placeholder={this.state.placeholder}
           clearable={this.props.clearable !== undefined ? this.props.clearable : true}

src/ui/components/common/HelpButton.tsx

@@ -38,7 +38,7 @@ export default class HelpButton extends React.Component<IProps, IState> {
     return (
       <div className="HelpSection">
         <div className="HelpButton" onMouseEnter={this.setOpen} onMouseLeave={this.setClosed}>
-          <img id="commonHelpButtonIcon" src={Help} />
+          <img src={Help} />
         </div>
 
         <div className="HelpContents" style={{

src/ui/components/common/ProgressBar.tsx

@@ -75,7 +75,7 @@ export default class ProgressBar extends React.Component<IProps, IState> {
           </div>
           <div className="DownloadControls">
             <div onClick={this.stopDownload} className="downloadStop">
-              <img id="commonProgressBarDownStopIcon" src={Stop}></img>
+              <img src={Stop}></img>
             </div>
           </div>
         </div>