update dropzone supported mime types and popup message

src/app/admin/reports/reports.ts

@@ -34,7 +34,7 @@ export async function addReport(report: Report) {
   const { data, error } = await actions.report.addReport({
     reason: report.reason,
     body: report.body,
-    createdAt: report.createdAt,
+    createdAt: report.createdAt as unknown as string,
     reporter: report.reporter.id,
     reported: report.reported?.id ?? null
   });

src/app/website/report/Dropzone.svelte

@@ -7,8 +7,8 @@
   let previewDialogElem: HTMLDialogElement;
 
   // consts
-  const allowedImageTypes = ['image/png', 'image/jpeg', 'image/avif'];
-  const allowedVideoTypes = ['video/mp4'];
+  const allowedImageTypes = ['image/png', 'image/jpeg', 'image/webp', 'image/avif'];
+  const allowedVideoTypes = ['video/mp4', 'video/webm'];
 
   // types
   interface Props {
@@ -62,7 +62,7 @@
           type: 'error',
           title: 'Ungültige Datei',
           message:
-            'Das Dateiformat wird nicht unterstützt. Nur Bilder (.png, .jpg, .jpeg, .avif) und Videos (.mp4) sind gültig'
+            'Das Dateiformat wird nicht unterstützt. Nur Bilder (.png, .jpg, .jpeg, .webp, .avif) und Videos (.mp4, .webp) sind gültig'
         };
         return;
       }
@@ -71,7 +71,7 @@
         $popupState = {
           type: 'error',
           title: 'Datei zu groß',
-          message: `Die Dateien dürfen insgesamt nur ${(maxFilesBytes / 1024 / 1024).toFixed(2)}MB groß sein`
+          message: `Die Dateien dürfen insgesamt nur ${bytesToHumanReadable(maxFilesBytes)} groß sein. Fall deine Anhänge größer sind, lade sie bitte auf einem externen Filehoster (z.B. file.io, Google Drive, ...) hoch und füge den Link zum teilen der Datei(en) zu den Report Details hinzu`
         };
         return;
       }