Update JS dependencies (#17611)

- Update monaco, adapting to breaking changes
- Update dropzone, adapting to breaking changes
- Update linters, fix new issues, disable opinionated stylelint rules
- Rebuild SVGs and images
- Tested Dropzone and Monaco

Replaces: https://github.com/go-gitea/gitea/pull/17574

5 files changed, 7 insertions, 8 deletions

diff --git a/web_src/js/features/codeeditor.js b/web_src/js/features/codeeditor.js
index f533ea9d8f..d4fd303fbf 100644
--- a/web_src/js/features/codeeditor.js
+++ b/web_src/js/features/codeeditor.js
@@ -45,7 +45,7 @@ function getLanguage(filename) {
 function updateEditor(monaco, editor, filename, lineWrapExts) {
   editor.updateOptions(getFileBasedOptions(filename, lineWrapExts));
   const model = editor.getModel();
-  const language = model.getModeId();
+  const language = model.getLanguageId();
   const newLanguage = getLanguage(filename);
   if (language !== newLanguage) monaco.editor.setModelLanguage(model, newLanguage);
 }
diff --git a/web_src/js/features/dropzone.js b/web_src/js/features/dropzone.js
index f3c3a1415f..1c80fb778c 100644
--- a/web_src/js/features/dropzone.js
+++ b/web_src/js/features/dropzone.js
@@ -3,6 +3,5 @@ export default async function createDropzone(el, opts) {
     import(/* webpackChunkName: "dropzone" */'dropzone'),
     import(/* webpackChunkName: "dropzone" */'dropzone/dist/dropzone.css'),
   ]);
-  Dropzone.autoDiscover = false;
   return new Dropzone(el, opts);
 }
diff --git a/web_src/less/_form.less b/web_src/less/_form.less
index 4de0ed8d45..9c14e9571d 100644
--- a/web_src/less/_form.less
+++ b/web_src/less/_form.less
@@ -18,7 +18,7 @@ textarea,
 .ui.selection.dropdown,
 .ui.checkbox label::before,
 .ui.checkbox input:checked ~ label::before,
-.ui.checkbox input:not([type=radio]):indeterminate ~ label::before {
+.ui.checkbox input:not([type="radio"]):indeterminate ~ label::before {
   background: var(--color-input-background);
   border-color: var(--color-input-border);
   color: var(--color-input-text);
@@ -98,8 +98,8 @@ textarea:focus,
 .ui.checkbox input:focus ~ label::after,
 .ui.checkbox input:checked ~ label::after,
 .ui.checkbox label:active::after,
-.ui.checkbox input:not([type=radio]):indeterminate ~ label::after,
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after,
+.ui.checkbox input:not([type="radio"]):indeterminate ~ label::after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after,
 .ui.checkbox input:checked:focus ~ label::after,
 .ui.disabled.checkbox label,
 .ui.checkbox input[disabled] ~ label {
@@ -265,7 +265,7 @@ textarea:focus,
       }
     }
 
-    input[type=number] {
+    input[type="number"] {
       -moz-appearance: textfield;
     }
 
diff --git a/web_src/less/features/gitgraph.less b/web_src/less/features/gitgraph.less
index dd01ae4bc5..a8d5ad7188 100644
--- a/web_src/less/features/gitgraph.less
+++ b/web_src/less/features/gitgraph.less
@@ -68,7 +68,7 @@
     align-items: center;
 
     .node-relation {
-      font-family: "Bitstream Vera Sans Mono", "Courier", monospace;
+      font-family: "Bitstream Vera Sans Mono", Courier, monospace;
     }
 
     .author {
diff --git a/web_src/less/features/imagediff.less b/web_src/less/features/imagediff.less
index 55a67c6ec8..a9ba7f8c8f 100644
--- a/web_src/less/features/imagediff.less
+++ b/web_src/less/features/imagediff.less
@@ -4,7 +4,7 @@
 
   img {
     border: 1px solid var(--color-primary-light-7);
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWN4+vTpf3SMDTAMBYXYBLFpHgoKAeiOf0SGE9kbAAAAAElFTkSuQmCC) right bottom var(--color-primary-light-7);
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWN4+vTpf3SMDTAMBYXYBLFpHgoKAeiOf0SGE9kbAAAAAElFTkSuQmCC") right bottom var(--color-primary-light-7);
   }
 
   .before-container {