Use border-box everywhere and use svelte loop keying

svelte/src/admin_panel/AbuseReporters.svelte

@@ -144,7 +144,7 @@ onMount(get_reporters);
 				<td>Created</td>
 				<td></td>
 			</tr>
-			{#each reporters as reporter}
+			{#each reporters as reporter (reporter.email)}
 				<tr>
 					<td>{reporter.email}</td>
 					<td>{reporter.name}</td>

svelte/src/admin_panel/AbuseReports.svelte

@@ -109,14 +109,14 @@ onMount(() => {
 		</div>
 
 		<h2>Pending</h2>
-		{#each reports_pending as report}
+		{#each reports_pending as report (report.id)}
 			{#if report.status === "pending"}
 			<AbuseReport report={report} on:refresh={get_reports}/>
 			{/if}
 		{/each}
 
 		<h2>Resolved</h2>
-		{#each reports_processed as report}
+		{#each reports_processed as report (report.id)}
 			{#if report.status !== "pending"}
 			<AbuseReport report={report} on:refresh={get_reports}/>
 			{/if}

svelte/src/admin_panel/IPBans.svelte

@@ -149,7 +149,7 @@ onMount(get_bans);
 				<td>Offences</td>
 				<td></td>
 			</tr>
-			{#each rows as row}
+			{#each rows as row (row.address)}
 				<tr>
 					<td>{row.address}</td>
 					<td>{row.reason}</td>