frontend: add platform picker for file

frontend/src/lib/components/file.svelte

@@ -20,20 +20,39 @@
 </script>
 
 <div class="file rounded">
-    <p class="filename">{data.name}</p>
+    <div class="file-props">
-    <p class="progress">{size_str(data.size)}</p>
+        <p class="filename">{data.name}</p>
+        <p class="progress">{size_str(data.size)}</p>
+    </div>
+    <select>
+        <option value="android">Android</option>
+        <option value="ios">iOS</option>
+        <option value="win">Windows</option>
+        <option value="mac">MacOS</option>
+        <option value="linux">Linux</option>
+    </select>
 </div>
 
 <style>
     .file {
+        display: grid;
+        grid-template-columns: auto auto;
         width: 100%;
         margin: 0;
         height: 3rem;
-        display: grid;
         margin-bottom: 0.5rem;
     }
 
-    .file p {
+    .file select {
+        background-color: #447AB1;
+        border: 0;
+    }
+
+    .file-props {
+        display: grid;
+    }
+
+    .file-props p {
         margin: 0;
     }
 
@@ -42,6 +61,10 @@
             background: #5C8DC0;
         }
 
+        .file select {
+            background-color: #447AB1;
+        }
+
         .filename {
             color: white;
         }
@@ -56,6 +79,10 @@
             background: #2791FF;
         }
 
+        .file select {
+            background-color: #1780DD;
+        }
+
         .filename {
             color: white;
         }