feat(front/file-uploader): display human readable time in file list

src/assets/views/file-uploader.svelte

@@ -9,6 +9,7 @@
     import Message from "./components/Message.svelte";
     import Icon from "./utils/Icon.svelte"
     import FileUpload from "./components/FileUpload.svelte";
+    import {Time} from "../../common/Time.js";
 
     let neverExpire: string;
     let autogenUrl: string;
@@ -197,7 +198,7 @@
                         <th>#</th>
                         <th class="table-col-grow">Name</th>
                         <th>Size</th>
-                        <th>Expires at</th>
+                        <th>Expires in</th>
                         <th>Actions</th>
                     </tr>
                     </thead>
@@ -211,8 +212,14 @@
                             </a></td>
                             <td>{(file.size / (1024 * 1024)).toFixed(2)}MB</td>
                             <td>
-                                {#if file.expires_at}{file.expires_at}{:else}Never{/if}
-                            </td><!-- todo: convert that to relative, human readable time -->
+                                {#if file.expires_at}
+                                    <time datetime="{file.expires_at}" title="{file.expires_at}">
+                                        {Time.humanizeTimeTo(new Date(file.expires_at))}
+                                    </time>
+                                {:else}
+                                    Never
+                                {/if}
+                            </td>
                             <td class="actions">
                                 {#if file.shouldBeDeleted}
                                     Pending deletion