lint fixes

src/containers/Modules/Modules.tsx

@@ -30,7 +30,7 @@ const Modules = (props: ModulesProps): JSX.Element => {
 
   useEffect(() => {
     fetchAllPlaylists()
-  }, [])
+  }, [fetchAllPlaylists])
 
   useEffect(() => {
     if (navbarRef?.current !== null) {

src/containers/Speaker/index.ts

+export { default } from './Speaker'

src/containers/Speakers/Speakers.tsx

@@ -50,6 +50,7 @@ const Speakers = (props: {
                 <img
                   className='object-cover h-full rounded-3xl'
                   src={speaker.fullImage}
+                  alt={speaker.name}
                 />
                 <div className='absolute bottom-0 my-3 text-center'>
                   <h1 className='font-bold text-3xl'>{speaker.name}</h1>
@@ -92,7 +93,7 @@ const Speakers = (props: {
             .map((speaker, index) => (
               <div
                 key={`small-${speaker.name.toLowerCase()}-${index}`}
-                className='p-5 bg-black bg-opacity-20 flex items-center shadow-lg rounded-xl'
+                className='p-5 bg-black-dark bg-opacity-50 flex items-center shadow-xl rounded-xl'
               >
                 <img
                   src={speaker.roundImage}

tailwind.config.js

@@ -27,7 +27,8 @@ module.exports = {
         gray: '#2D2D2D',
         pink: '#E8486C',
         violet: '#785FA6',
-        babyBlue: '#ACB4DC'
+        babyBlue: '#ACB4DC',
+        'black-dark': '#1C1C1C'
       },
     },
     fontFamily: {