remove alerts and clear previous states on handleChange

client/src/Pages/UploadPage.tsx

@@ -101,12 +101,23 @@ function UploadPage() {
   };
 
   const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setUpload(false);
+    setFileError("");
+    setResponse({
+      audio_class: "",
+      file_uuid: "",
+      sr: 0,
+      spectrogram: "",
+      spec_sr: 0
+    });
     const selectedFile = e.target.files?.[0] || null;
     const maxSize = 100 * 1024 * 1024; // 100MB in bytes
     
     if (selectedFile) {
       if (selectedFile.size > maxSize) {
-        alert("File size exceeds 100MB limit.");
+        setFileError("Max file size is 100MB!");
+        setFile(null);
+        setUpload(false);
         e.target.value = "";
         return;
       }
@@ -233,6 +244,9 @@ function UploadPage() {
           <Typography variant="h6" gutterBottom>
             {file ? file.name : "Drop your file here or click to browse files"}
           </Typography>
+          <Typography>
+            Max file size: 100MB
+          </Typography>
           {file && (
             <Typography variant="body2" color="textSecondary">
               {file.type.includes("audio") ? <VolumeUpIcon sx={{ mr: 1 }} /> : null}