fix: eslint issues that were failing local dev server

Author: supminn

src/plays/Selection-Sort-Visualizer/SelectionSortVisualizer.js

@@ -78,16 +78,22 @@ function SelectionSortVisualizer() {
       </div>
       <div className="visualizer-input-container">
         <input
-          type="number"
           className="input-field"
+          type="number"
           value={inputValue}
           onChange={(e) => setInputValue(e.target.value)}
         />
-        <button className="button-green" onClick={handleAdd}>Add</button>
-        <button className="button-blue" onClick={handleSort}>Sort</button>
-        <button className="button-blue" onClick={handleReset}>Reset</button>
+        <button className="button-green" onClick={handleAdd}>
+          Add
+        </button>
+        <button className="button-blue" onClick={handleSort}>
+          Sort
+        </button>
+        <button className="button-blue" onClick={handleReset}>
+          Reset
+        </button>
       </div>
-      <div id="output-visualizer"></div>
+      <div id="output-visualizer" />
     </div>
   );
 }

src/plays/dictionary/Dictionary.js

@@ -1,5 +1,5 @@
 import PlayHeader from 'common/playlists/PlayHeader';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import axios from 'axios';
 import DictionaryContainer from './DictionaryContainer';
 

src/plays/dictionary/DictionaryContainer.jsx

@@ -18,7 +18,7 @@ const DictionaryContainer = ({ data }) => {
           onClick={() => handlePronunciation(data)}
         />
       </span>
-      {data[0]['meanings'].map((item, index) => {
+      {data[0]['meanings'].map((item) => {
         return (
           <div className="bg-blue-200 p-3 rounded-md mt-2 mb-2" key={item}>
             <h2 className="text-gray-500 font-bold">{item['partOfSpeech']}</h2>
@@ -31,7 +31,7 @@ const DictionaryContainer = ({ data }) => {
             })}
             <h2>Synonyms: </h2>
             {item['synonyms'] &&
-              item['synonyms'].map((syn, index) => {
+              item['synonyms'].map((syn) => {
                 return (
                   <span className="mx-2" key={syn}>
                     {syn}
@@ -40,7 +40,7 @@ const DictionaryContainer = ({ data }) => {
               })}
             <h2>Antonyms: </h2>
             {item['antonyms'] &&
-              item['antonyms'].map((ant, index) => {
+              item['antonyms'].map((ant) => {
                 return (
                   <span className="mx-2" key={ant}>
                     {ant}