fix: ESLint warnings in logs

client/src/components/Header/components/NavLinks.js

@@ -10,21 +10,18 @@ const propTypes = {
 function NavLinks({ displayMenu }) {
   return (
     <div className='main-nav-group'>
-      <ul
+      <ul className={'nav-list' + (displayMenu ? ' display-flex' : '')}>
-        className={'nav-list' + (displayMenu ? ' display-flex' : '')}
+        <li className='nav-news'>
-        role='menu'
-      >
-        <li className='nav-news' role='menuitem'>
           <Link external={true} sameTab={true} to='/news'>
             /news
           </Link>
         </li>
-        <li className='nav-forum' role='menuitem'>
+        <li className='nav-forum'>
           <Link external={true} sameTab={true} to='/forum'>
             /forum
           </Link>
         </li>
-        <li className='nav-projects' role='menuitem'>
+        <li className='nav-projects'>
           <Link to='/learn'>/learn</Link>
         </li>
       </ul>

client/src/components/search/searchBar/NoHitsSuggestion.js

@@ -7,6 +7,7 @@ const NoHitsSuggestion = ({ title, handleMouseEnter, handleMouseLeave }) => {
       className={'no-hits-footer fcc_suggestion_item'}
       onMouseEnter={handleMouseEnter}
       onMouseLeave={handleMouseLeave}
+      role='region'
     >
       <span className='hit-name'>{title}</span>
     </div>

client/src/components/settings/DeleteModal.js

@@ -17,7 +17,6 @@ function DeleteModal(props) {
   return (
     <Modal
       aria-labelledby='modal-title'
-      autoFocus={true}
       backdrop={true}
       bsSize='lg'
       className='text-center'

client/src/components/settings/ResetModal.js

@@ -15,7 +15,6 @@ function ResetModal(props) {
   return (
     <Modal
       aria-labelledby='modal-title'
-      autoFocus={true}
       backdrop={true}
       bsSize='lg'
       className='text-center'

client/src/templates/Challenges/components/Test-Suite.js

@@ -37,7 +37,6 @@ function TestSuite({ tests }) {
             aria-label={getAccessibleText(err, pass, text)}
             className='test-result'
             key={text.slice(-6) + index}
-            tabIndex='0'
           >
             <div className='test-status-icon'>
               {isInitial ? <Initial /> : statusIcon}