add error logging in frontend

Author: maherxubair

.gitignore

@@ -0,0 +1,4 @@
+.env
+node_modules
+pnpm-lock.yaml
+package-lock.json

public/script.js

@@ -227,15 +227,20 @@ document.addEventListener("DOMContentLoaded", function () {
               showNotification(`${file.name} uploaded successfully!`, "success");
             } else {
               progressText.innerText = "Failed";
-              showNotification(`Failed to upload ${file.name}`, "error");
+              showNotification(`${response.error || "Unknown server error"}`, "error");
             }
           } catch (error) {
             progressText.innerText = "Error";
             showNotification("Failed to process server response", "error");
           }
         } else {
           progressText.innerText = "Error";
-          showNotification(`Server error (${xhr.status})`, "error");
+          try {
+            const response = JSON.parse(xhr.responseText);
+            showNotification(`${response.error || "Unknown server error"}`, "error");
+          } catch (e) {
+            showNotification(`Server error (${xhr.status})`, "error");
+          }
         }
       };