[#164] serve common media files inline and fix svg content-type

ui/src/components/records/fields/FileField.svelte

@@ -89,7 +89,6 @@
                     title={"Download " + filename}
                     target="_blank"
                     rel="noopener"
-                    download
                 >
                     /.../{filename}
                 </a>

ui/src/scss/_overlay_panel.scss

@@ -196,6 +196,7 @@
     &.image-preview {
         width: auto;
         min-width: 300px;
+        min-height: 250px;
         max-width: 70%;
         max-height: 90%;
         .panel-header {
@@ -220,6 +221,9 @@
         .panel-content {
             padding: 0;
             text-align: center;
+            display: flex;
+            align-items: center;
+            justify-content: center;
         }
         img {
             max-width: 100%;

ui/src/utils/CommonHelper.js

@@ -789,7 +789,7 @@ export default class CommonHelper {
      * @return {Boolean}
      */
     static hasImageExtension(filename) {
-        return /\.jpg|\.jpeg|\.png|\.svg|\.webp|\.avif$/.test(filename)
+        return /\.jpg|\.jpeg|\.png|\.svg|\.gif|\.webp|\.avif$/.test(filename)
     }
 
     /**