Fix various lints

Author: Correct-Syntax

src/app/page.js

@@ -47,7 +47,7 @@ const imageFiltersConst = [
 
 
 export default function Home() {
-  const [fullscreenRef, toggleFullscreen, isFullscreen] = useFullscreen();;
+  const [fullscreenRef, toggleFullscreen, isFullscreen] = useFullscreen();
 
   const [darkMode, setDarkMode] = useState(true);
 

src/components/AboutDropDownMenu.js

@@ -4,10 +4,13 @@ function handleAboutMenuItemsOnClick(id) {
     switch (id) {
         case 0:
             sendFeedback();
+            break;
         case 1:
             visitWebsite();
+            break;
         case 2:
             visitGitHubRepository();
+            break;
     }
 }
 

src/components/ImageCanvas.js

@@ -46,13 +46,13 @@ export default function ImageCanvas({ file, imageFilters, gridMode }) {
 
             {showSlider ?
                 <ImgComparisonSlider>
-                    <img className={filterClassFromId(activeIds[0])} slot="first" src={file} />
-                    <img className={filterClassFromId(activeIds[1])} slot="second" src={file} />
+                    <img className={filterClassFromId(activeIds[0])} slot="first" src={file} alt={file.name} />
+                    <img className={filterClassFromId(activeIds[1])} slot="second" src={file} alt={file.name} />
                     <div slot="handle" className="inline-flex">
                         <ChevronLeftIcon className="w-8 h-8 text-white"></ChevronLeftIcon>
                         <ChevronRightIcon className="w-8 h-8 text-white"></ChevronRightIcon>
                     </div>
-                </ImgComparisonSlider> : <img className={filterClassFromId(activeIds[0])} src={file} />}
+                </ImgComparisonSlider> : <img className={filterClassFromId(activeIds[0])} src={file} alt={file.name} />}
         </div>
     );
 }

src/components/UploadArea.js

@@ -1,6 +1,5 @@
 import {
     ExclamationTriangleIcon,
-    ImageIcon,
     UploadIcon,
 } from "@radix-ui/react-icons";