Improve abuse reporter ui some more

svelte/src/admin_panel/AbuseReporterTable.svelte

@@ -0,0 +1,40 @@
+<script>
+import { createEventDispatcher } from "svelte";
+import { formatDate } from "../util/Formatting.svelte";
+
+let dispatch = createEventDispatcher()
+export let reporters = []
+</script>
+
+<table>
+	<tr>
+		<td>Address / Mail server</td>
+		<td>Name</td>
+		<td>Reports</td>
+		<td>Blocked</td>
+		<td>Last used</td>
+		<td>Created</td>
+		<td></td>
+	</tr>
+	{#each reporters as rep (rep.from_address, rep.mail_server)}
+		<tr>
+			<td>
+				{rep.from_address}<br/>
+				{rep.mail_server}
+			</td>
+			<td>{rep.name}</td>
+			<td>{rep.reports_sent}</td>
+			<td>{rep.files_blocked}</td>
+			<td>{formatDate(rep.last_used, true, true, false)}</td>
+			<td>{formatDate(rep.created, false, false, false)}</td>
+			<td>
+				<button on:click|preventDefault={() => {dispatch("edit", rep)}} class="button round">
+					<i class="icon">edit</i>
+				</button>
+				<button on:click|preventDefault={() => {dispatch("delete", rep)}} class="button button_red round">
+					<i class="icon">delete</i>
+				</button>
+			</td>
+		</tr>
+	{/each}
+</table>