refactor(db): migrate app pages and APIs from Prisma facade to Drizzle (4)

Co-authored-by: Cursor <[email protected]>

src/app/admin/writeable-boxes/page.tsx

@@ -1,3 +1,4 @@
+import { asc } from "drizzle-orm";
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 import {
@@ -8,8 +9,8 @@ import {
 } from "@/actions/admin-writeable-boxes";
 import { StatusCard } from "@/components/admin/dashboard";
 import { Button } from "@/components/ui/button";
+import { db, WebsiteWriteableBoxes } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { prisma } from "@/lib/prisma";
 
 export const metadata = { title: "Writeable boxes" };
 
@@ -20,11 +21,11 @@ export default async function AdminWriteableBoxes() {
 	}
 
 	const t = await getTranslations("pages.admin.writeableBoxes");
-	const boxes = await prisma.websiteWriteableBoxes
-		.findMany({
-			orderBy: [{ position: "asc" }, { id: "asc" }],
-			take: 500,
-		})
+	const boxes = await db
+		.select()
+		.from(WebsiteWriteableBoxes)
+		.orderBy(asc(WebsiteWriteableBoxes.position), asc(WebsiteWriteableBoxes.id))
+		.limit(500)
 		.catch(() => []);
 
 	const activeCount = boxes.filter((b) => b.isActive).length;