fix: dynamic height

idk why but 100% height makes the scrolling weird

frontend/src/pages/all-images/index.tsx

@@ -35,7 +35,10 @@ export const AllImages: Component = () => {
 	});
 
 	return (
-		<div ref={scrollRef} class="flex flex-col gap-4 h-[1200px] overflow-y-auto">
+		<div
+			ref={scrollRef}
+			class="flex flex-col gap-4 h-[calc(100% - 12px)] overflow-y-auto"
+		>
 			<div
 				class={`h-[${rowVirtualizer.getTotalSize()}px] grid grid-cols-3 gap-4 rounded-xl border border-neutral-200 bg-white p-4`}
 			>