feat: implement endless scrolling

src/routes/+page.server.ts

@@ -3,7 +3,10 @@ import { aktis, ratings } from '$lib/server/db/schema';
 import { avg, eq } from 'drizzle-orm';
 import type { PageServerLoad } from './$types';
 
-export const load: PageServerLoad = async () => {
+export const load: PageServerLoad = async ({ url }) => {
+	const offset = Number(url.searchParams.get('offset')) || 0;
+	const limit = 20;
+
 	const a = await db
 		.select({
 			id: aktis.id,
@@ -14,7 +17,8 @@ export const load: PageServerLoad = async () => {
 		.from(aktis)
 		.leftJoin(ratings, eq(aktis.id, ratings.aktiId))
 		.groupBy(aktis.id, aktis.title, aktis.summary)
-		.limit(50);
+		.limit(limit)
+		.offset(offset);
 
 	return {
 		aktis: a.map((a) => ({ ...a, rating: a.rating ? parseFloat(a.rating) : undefined }))