Bump the uppy ecosystem to v4 and fix styling (#1255)

Author: ml-evs

webapp/package.json

@@ -18,10 +18,10 @@
     "@popperjs/core": "^2.11.8",
     "@primevue/themes": "^4.0.0",
     "@tinymce/tinymce-vue": "^4.0.0",
-    "@uppy/core": "^1.16.0",
-    "@uppy/dashboard": "^1.16.0",
-    "@uppy/webcam": "^1.8.4",
-    "@uppy/xhr-upload": "^1.6.10",
+    "@uppy/core": "^4.4.6",
+    "@uppy/dashboard": "^4.3.4",
+    "@uppy/webcam": "^4.2.0",
+    "@uppy/xhr-upload": "^4.3.3",
     "@vueuse/components": "^10.7.2",
     "bootstrap": "^4.5.3",
     "buffer": "^6.0.3",

webapp/src/file_upload.js

@@ -1,5 +1,6 @@
 import "@uppy/core/dist/style.css";
 import "@uppy/dashboard/dist/style.css";
+import "@uppy/webcam/dist/style.min.css";
 import Uppy from "@uppy/core";
 import Dashboard from "@uppy/dashboard";
 import XHRUpload from "@uppy/xhr-upload";