fix report popup covering entries

src/app/admin/reports/BottomBar.svelte

@@ -83,10 +83,7 @@
   }
 </script>
 
-<div
-  class="absolute bottom-2 bg-base-200 rounded-lg w-[calc(100%-1rem)] mx-2 flex px-6 py-4 gap-2"
-  hidden={report === null}
->
+<div class="relative bg-base-200 rounded-lg w-[calc(100%-1rem)] m-2 flex px-6 py-4 gap-2" hidden={report === null}>
   <div class="absolute right-2 top-2">
     <div class="dropdown dropdown-end">
       <div tabindex="0" role="button" class="btn btn-sm btn-circle btn-ghost">

src/app/admin/reports/Reports.svelte

@@ -37,19 +37,21 @@
   {/if}
 {/snippet}
 
-<DataTable
-  data={reports}
-  count={true}
-  keys={[
-    { key: 'reason', label: 'Grund' },
-    { key: 'reporter.username', label: 'Report Ersteller' },
-    { key: 'reported.username', label: 'Reporteter Spieler' },
-    { key: 'createdAt', label: 'Datum', sortable: true, transform: date },
-    { key: 'status.status', label: 'Bearbeitungsstatus', sortable: true, transform: status }
-  ]}
-  onClick={(report) => (activeReport = report)}
-/>
+<div class="h-screen flex flex-col justify-between">
+  <DataTable
+    data={reports}
+    count={true}
+    keys={[
+      { key: 'reason', label: 'Grund' },
+      { key: 'reporter.username', label: 'Report Ersteller' },
+      { key: 'reported.username', label: 'Reporteter Spieler' },
+      { key: 'createdAt', label: 'Datum', sortable: true, transform: date },
+      { key: 'status.status', label: 'Bearbeitungsstatus', sortable: true, transform: status }
+    ]}
+    onClick={(report) => (activeReport = report)}
+  />
 
-{#key activeReport}
-  <BottomBar {strikeReasons} report={activeReport} />
-{/key}
+  {#key activeReport}
+    <BottomBar {strikeReasons} report={activeReport} />
+  {/key}
+</div>