change border color and cleaning

src/main/resources/scss/drag-and-drop.scss

@@ -4,7 +4,7 @@
     justify-content: center;
     align-items: center;
     gap: 0.5rem;
-    border: 2px dashed #ccc;
+    border: 2px dashed var(--neutral-600);
     padding: 1.25rem;
     text-align: center;
     transition: border-color 0.3s ease-in-out;
@@ -12,7 +12,7 @@
     min-height: 12.5rem;
     border-radius: 0.625rem;
     overflow: hidden;
-    color: var(--disabled-colour);
+    color: var(--neutral-600);
 }
 
 .drop-area input[type="file"] {
@@ -24,11 +24,11 @@
 }
 
 .drop-area[data-drag="entered"] {
-    border: 0.188rem dotted #707070;
+    border: 0.188rem dotted var(--neutral-300);
 }
 
 .drop-area[data-drag="left"] {
-    border: 0.125rem dashed #ccc;
+    border: 0.125rem dashed var(--neutral-600);
 }
 
 .drop-area button {

src/main/resources/static/js/drag-and-drop.js

@@ -26,10 +26,7 @@ document.addEventListener("DOMContentLoaded", function () {
 
             if (file.length > 0) {
                 fileLabel.innerText = " " + file.item(0).name;
-                console.log("inner text " + fileLabel + fileLabel.innerText);
                 fileLabelWithIcon.removeAttribute("hidden");
-
-                console.log("with icon: " + fileLabelWithIcon);
             }
         });