lint

src/containers/App/components/Navbar/Navbar.tsx

@@ -10,7 +10,13 @@ const NavLink = (props: { link: string, name: string }): JSX.Element => {
   const isActive = useLocation().pathname.includes(link)
   return (
     <li>
-      <Link to={link} className={clsx('text-lg lg:text-2xl font-light mx-3', isActive && 'border-b-2 pb-1')}>
+      <Link
+        to={link}
+        className={clsx(
+          'text-lg lg:text-2xl font-light mx-3',
+          isActive && 'border-b-2 pb-1'
+        )}
+      >
         {name}
       </Link>
     </li>

src/containers/Landing/Quotes/Quotes.tsx

@@ -68,9 +68,8 @@ const Quote = (props: QuoteProps): JSX.Element => {
 
 const Quotes = (): JSX.Element => {
   return (
-    // @ts-ignore
+    // @ts-expect-error
     <Carousel showArrows>
-       {/*@ts-ignore*/}
       {quotes.map((speakerId) => {
         const quoteInfo = getSpeakerById(speakerId)
         if (quoteInfo?.quote !== undefined) {

src/containers/Module/Module.tsx

@@ -11,7 +11,7 @@ import { ButtonType, ButtonVariant } from '../../components/Button/Button'
 import { Playlist, PlaylistItem } from '../../state/module/moduleModel'
 import Modal from '../../components/Modal'
 
-import "external-svg-loader";
+import 'external-svg-loader'
 
 type FetchPlaylist =
   typeof import('../../state/module/moduleActions').fetchPlaylist
@@ -118,9 +118,9 @@ const Module = (props: ModuleProps): JSX.Element => {
                   onClick={() => handleVideoClick(item)}
                 >
                   <svg
-                    data-src="https://static.igem.io/academy/play.svg"
-                    fill="currentColor"
-                    className="w-10 h-10"
+                    data-src='https://static.igem.io/academy/play.svg'
+                    fill='currentColor'
+                    className='w-10 h-10'
                   />
                 </Button>
                 <div className='text-lg '>