feat(ui): add overall upload progress and improve file icons

- Track per-file loaded bytes and compute an overall upload percentage
- Add overall progress bar/percent styling and resize upload window to fit
- Hide the upload result section until a share URL is available
- Use a specific icon for .exe files and update the default fallback iconfeat(ui): add overall upload progress and improve file icons

- Track per-file loaded bytes and compute an overall upload percentage
- Add overall progress bar/percent styling and resize upload window to fit
- Hide the upload result section until a share URL is available
- Use a specific icon for .exe files and update the default fallback icon

static/css/upload.css

@@ -1,6 +1,6 @@
 .upload-window {
     width: 520px;
-    height: 456px;
+    height: 486px;
 }
 
 .upload-form {
@@ -145,6 +145,10 @@
     line-height: 12px;
 }
 
+.upload-result.is-hidden {
+    visibility: hidden;
+}
+
 .upload-result-label {
     font-weight: bold;
 }
@@ -274,6 +278,48 @@
     padding: 0 8px 8px;
 }
 
+.upload-overall {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 42px;
+    align-items: center;
+    gap: 6px;
+    height: 28px;
+    box-sizing: border-box;
+    padding: 0 8px 8px;
+    font-size: 12px;
+    line-height: 12px;
+}
+
+.upload-overall-track {
+    height: 18px;
+    box-sizing: border-box;
+    overflow: hidden;
+    background: #ffffff;
+    border-top: 2px solid #808080;
+    border-left: 2px solid #808080;
+    border-right: 2px solid #ffffff;
+    border-bottom: 2px solid #ffffff;
+}
+
+.upload-overall-bar {
+    display: block;
+    width: 0%;
+    height: 100%;
+    background-color: #000078;
+    background-image: repeating-linear-gradient(
+        to right,
+        #000078 0,
+        #000078 10px,
+        #c0c0c0 10px,
+        #c0c0c0 12px
+    );
+}
+
+.upload-overall-percent {
+    min-width: 0;
+    text-align: right;
+}
+
 .upload-statusbar {
     grid-template-columns: 1fr 96px;
 }