fix(client): update eslint and fix issues

The eslint config now includes rules that have been added to Gatsby.
This uncovered some problems with missing labels that have been fixed.

.eslintrc.json

@@ -19,6 +19,7 @@
     "jsx-a11y/aria-proptypes": "error",
     "jsx-a11y/aria-role": "error",
     "jsx-a11y/aria-unsupported-elements": "error",
+    "jsx-a11y/control-has-associated-label": "error",
     "jsx-a11y/click-events-have-key-events": "error",
     "jsx-a11y/heading-has-content": "error",
     "jsx-a11y/html-has-lang": "error",

client/src/components/profile/components/TimeLine.js

@@ -103,7 +103,6 @@ class TimelineInner extends Component {
             {format(completedDate, 'MMMM D, YYYY')}
           </time>
         </td>
-        <td />
       </tr>
     );
   }
@@ -170,7 +169,6 @@ class TimelineInner extends Component {
               <tr>
                 <th>Challenge</th>
                 <th className='text-center'>Completed</th>
-                <th />
               </tr>
             </thead>
             <tbody>

client/src/templates/Challenges/video/Show.js

@@ -233,6 +233,7 @@ export class Project extends Component {
                       // index should be fine as a key:
                       <label className='video-quiz-option-label' key={index}>
                         <input
+                          aria-label='Answer'
                           checked={this.state.selectedOption === index}
                           className='video-quiz-input-hidden'
                           name='quiz'