First base setup from Verena and me regarding the UI

electron/main/script.js

@@ -0,0 +1,50 @@
+const uploadContainer = document.getElementById('uploadContainer');
+const fileInput = document.getElementById('videoUpload');
+const fileName = document.getElementById('fileName');
+const manualBtn = document.getElementById('manualUploadBtn');
+const videoPreview = document.getElementById('videoPreview');
+
+
+// Drag & Drop Events
+uploadContainer.addEventListener('dragover', (e) => {
+  e.preventDefault();
+  uploadContainer.classList.add('dragover');
+});
+
+
+uploadContainer.addEventListener('dragleave', () => {
+  uploadContainer.classList.remove('dragover');
+});
+
+
+uploadContainer.addEventListener('drop', (e) => {
+  e.preventDefault();
+  uploadContainer.classList.remove('dragover');
+
+
+  const files = e.dataTransfer.files;
+  handleFiles(files);
+});
+
+
+manualBtn.addEventListener('click', () => {
+  fileInput.click();
+});
+
+
+fileInput.addEventListener('change', () => {
+  handleFiles(fileInput.files);
+});
+
+
+
+
+function handleFiles(files) {
+  if (files.length > 0) {
+    const file = files[0];
+    if (file.type.startsWith('video/')) {
+      fileInput.files = files;
+      fileName.textContent = `Chosen video: ${file.name}`;
+    }
+}
+}