Small fixes

Author: Correct-Syntax

src/app/page.js

@@ -93,7 +93,6 @@ export default function Home() {
   }
 
   function handleFileUpload(e) {
-    console.log(e.target.files);
     var uploadedFile = e.target.files[0];
     if (/\.(jpe?g|png)$/i.test(uploadedFile.name) === true) {
       setFileIsValid(true);

src/components/UploadArea.js

@@ -5,7 +5,7 @@ import {
 
 export default function UploadArea({ fileIsValid, onFileUpload }) {
     return (
-        <div id="uploadArea" className="flex justify-center mx-5 transition duration-300 ease-in-out cursor-pointer group bg-foreground/15 hover:bg-foreground/10 dark:bg-foreground dark:hover:bg-foreground/90 outline-dashed outline-gray dark:outline-gray/30 dark:hover:outline-gray/40 outline-2 outline-offset-2">
+        <div id="uploadArea" className="flex justify-center px-5 mx-5 transition duration-300 ease-in-out cursor-pointer group bg-foreground/15 hover:bg-foreground/10 dark:bg-foreground dark:hover:bg-foreground/90 outline-dashed outline-gray dark:outline-gray/30 dark:hover:outline-gray/40 outline-2 outline-offset-2">
             <label htmlFor="dropzone" className="flex flex-col justify-center text-center cursor-pointer">
                 <UploadIcon className="mx-auto w-12 h-12 transition duration-300 ease-in-out rotate-3 group-hover:rotate-0 text-foreground/50 dark:text-gray"></UploadIcon>
                 <h2 className="mt-4 text-2xl font-bold text-foreground/50 dark:text-gray">Click to upload or drag and drop</h2>