stick header and filter bar to top

src/routes/admin/+layout.svelte

@@ -133,7 +133,7 @@
 	<div class="grid">
 		{#key $page.url.pathname}
 			<div
-				class="col-[1] row-[1] h-full w-full overflow-y-scroll overflow-x-hidden"
+				class="col-[1] row-[1] h-[calc(100vh-3rem)] w-full overflow-y-scroll overflow-x-hidden"
 				in:fly={{ x: transitionPrefix * window.innerWidth, duration: !transitionPrefix ? 0 : 100 }}
 				out:fly={{
 					x: transitionPrefix * -window.innerWidth,
@@ -145,7 +145,7 @@
 		{/key}
 	</div>
 {:else}
-	<div class="h-full w-full">
+	<div class="h-[calc(100vh-3rem)] w-full">
 		{@render children()}
 	</div>
 {/if}

src/routes/admin/feedback/+page.svelte

@@ -66,6 +66,7 @@
 			onUpdate={() => fetchFeedback({ from: 0 }).then((r) => (feedbacks = r))}
 		/>
 		<hr class="divider my-1 mx-8 border-none" />
+		<div class="h-full overflow-scroll">
 			<table class="table table-fixed h-fit">
 				<thead>
 					<tr>
@@ -126,6 +127,7 @@
 				</PaginationTableBody>
 			</table>
 		</div>
+	</div>
 	{#if activeFeedback}
 		<div
 			class="relative flex flex-col w-2/5 h-[calc(100vh-3rem)] bg-base-200/50 px-4 py-6 overflow-scroll"

src/routes/admin/reports/+page.svelte

@@ -115,6 +115,7 @@
 			</div>
 		</div>
 		<hr class="divider my-1 mx-8 border-none" />
+		<div class="h-full overflow-scroll">
 			<table class="table table-fixed h-fit">
 				<colgroup>
 					<col style="width: 20%" />
@@ -205,6 +206,7 @@
 				</PaginationTableBody>
 			</table>
 		</div>
+	</div>
 	{#if activeReport}
 		<div
 			class="relative flex flex-col w-2/5 h-[calc(100vh-3rem)] bg-base-200/50 px-4 py-6 overflow-scroll"

src/routes/admin/users/+page.svelte

@@ -96,7 +96,7 @@
 		<table class="table table-auto">
 			<thead>
 				<!-- prettier-ignore -->
-				<SortableTr class="[&>th]:bg-base-100 [&>th]:z-[1] [&>th]:sticky [&>th]:top-0">
+				<SortableTr>
 					<th></th>
 					<SortableTh onSort={(e) => userFilter = {...userFilter, sort: {key: 'firstname', asc: e.asc}}}>Vorname</SortableTh>
 					<SortableTh onSort={(e) => userFilter = {...userFilter, sort: {key: 'lastname', asc: e.asc}}}>Nachname</SortableTh>