Add performance optimizations and component refactors

- Cache read-heavy public API routes via redisCache (leaderboard, values,
  shop, articles, photos, guilds, teams, staff, users, home, radio, badges)
- Add single-flight and bounded-memory cache layer with unit tests
- Parallelize independent DB queries on search, rares, shop, staff, polls
  and profile pages
- Push radio points leaderboard aggregation to SQL with a LIMIT
- Split studio-client and import-furni-client into focused modules
- Clean up next.config.ts

src/app/api/values/[id]/route.ts

@@ -4,6 +4,7 @@
 import { eq } from "drizzle-orm";
 import { apiJson } from "@/lib/api";
 import { db, WebsiteRareValueCategories, WebsiteRareValues } from "@/lib/db";
+import { apiCacheKey, cacheSafe, redisCache } from "@/lib/redis-cache";
 
 export async function GET(
 	_req: Request,
@@ -24,52 +25,64 @@ export async function GET(
 	}
 
 	try {
-		const [value] = await db
-			.select({
-				id: WebsiteRareValues.id,
-				categoryId: WebsiteRareValues.categoryId,
-				itemId: WebsiteRareValues.itemId,
-				name: WebsiteRareValues.name,
-				creditValue: WebsiteRareValues.creditValue,
-				currencyValue: WebsiteRareValues.currencyValue,
-				currencyType: WebsiteRareValues.currencyType,
-				furnitureIcon: WebsiteRareValues.furnitureIcon,
-				createdAt: WebsiteRareValues.createdAt,
-				updatedAt: WebsiteRareValues.updatedAt,
-			})
-			.from(WebsiteRareValues)
-			.where(eq(WebsiteRareValues.id, valueId))
-			.limit(1);
+		const data = await redisCache(
+			apiCacheKey(`values:${id}`),
+			300,
+			async () => {
+				const [value] = await db
+					.select({
+						id: WebsiteRareValues.id,
+						categoryId: WebsiteRareValues.categoryId,
+						itemId: WebsiteRareValues.itemId,
+						name: WebsiteRareValues.name,
+						creditValue: WebsiteRareValues.creditValue,
+						currencyValue: WebsiteRareValues.currencyValue,
+						currencyType: WebsiteRareValues.currencyType,
+						furnitureIcon: WebsiteRareValues.furnitureIcon,
+						createdAt: WebsiteRareValues.createdAt,
+						updatedAt: WebsiteRareValues.updatedAt,
+					})
+					.from(WebsiteRareValues)
+					.where(eq(WebsiteRareValues.id, valueId))
+					.limit(1);
 
-		if (!value) {
+				if (!value) {
+					return null;
+				}
+
+				// No relation is modelled between the value and its category, so resolve the
+				// category in a second guarded query.
+				let category: {
+					id: bigint;
+					name: string;
+					badge: string;
+					priority: number;
+				} | null = null;
+				try {
+					const [row] = await db
+						.select({
+							id: WebsiteRareValueCategories.id,
+							name: WebsiteRareValueCategories.name,
+							badge: WebsiteRareValueCategories.badge,
+							priority: WebsiteRareValueCategories.priority,
+						})
+						.from(WebsiteRareValueCategories)
+						.where(eq(WebsiteRareValueCategories.id, value.categoryId))
+						.limit(1);
+					category = row ?? null;
+				} catch {
+					category = null;
+				}
+
+				return cacheSafe({ data: { ...value, category } });
+			},
+		);
+
+		if (data === null) {
 			return apiJson({ error: "Rare value not found" }, { status: 404 });
 		}
 
-		// No relation is modelled between the value and its category, so resolve the
-		// category in a second guarded query.
-		let category: {
-			id: bigint;
-			name: string;
-			badge: string;
-			priority: number;
-		} | null = null;
-		try {
-			const [row] = await db
-				.select({
-					id: WebsiteRareValueCategories.id,
-					name: WebsiteRareValueCategories.name,
-					badge: WebsiteRareValueCategories.badge,
-					priority: WebsiteRareValueCategories.priority,
-				})
-				.from(WebsiteRareValueCategories)
-				.where(eq(WebsiteRareValueCategories.id, value.categoryId))
-				.limit(1);
-			category = row ?? null;
-		} catch {
-			category = null;
-		}
-
-		return apiJson({ data: { ...value, category } });
+		return apiJson(data);
 	} catch {
 		// DB unavailable — treat as not found rather than a 500.
 		return apiJson({ error: "Rare value not found" }, { status: 200 });

src/app/api/values/categories/route.ts

@@ -4,21 +4,29 @@
 import { asc } from "drizzle-orm";
 import { apiJson } from "@/lib/api";
 import { db, WebsiteRareValueCategories } from "@/lib/db";
+import { apiCacheKey, cacheSafe, redisCache } from "@/lib/redis-cache";
 
 export async function GET(_req: Request) {
 	try {
-		const data = await db
-			.select({
-				id: WebsiteRareValueCategories.id,
-				name: WebsiteRareValueCategories.name,
-				badge: WebsiteRareValueCategories.badge,
-				priority: WebsiteRareValueCategories.priority,
-			})
-			.from(WebsiteRareValueCategories)
-			.orderBy(
-				asc(WebsiteRareValueCategories.priority),
-				asc(WebsiteRareValueCategories.name),
-			);
+		const data = await redisCache(
+			apiCacheKey("values:categories"),
+			300,
+			async () =>
+				cacheSafe(
+					await db
+						.select({
+							id: WebsiteRareValueCategories.id,
+							name: WebsiteRareValueCategories.name,
+							badge: WebsiteRareValueCategories.badge,
+							priority: WebsiteRareValueCategories.priority,
+						})
+						.from(WebsiteRareValueCategories)
+						.orderBy(
+							asc(WebsiteRareValueCategories.priority),
+							asc(WebsiteRareValueCategories.name),
+						),
+				),
+		);
 
 		return apiJson({ data });
 	} catch {

src/app/api/values/route.ts

@@ -4,6 +4,7 @@
 import { asc, count, eq } from "drizzle-orm";
 import { apiError, apiJson, pagination, positiveBigInt } from "@/lib/api";
 import { db, WebsiteRareValues } from "@/lib/db";
+import { apiCacheKey, cacheSafe, redisCache } from "@/lib/redis-cache";
 
 export async function GET(req: Request) {
 	const sp = new URL(req.url).searchParams;
@@ -24,36 +25,45 @@ export async function GET(req: Request) {
 				? eq(WebsiteRareValues.categoryId, categoryId)
 				: undefined;
 
-		const [totalRows, data] = await Promise.all([
-			db.select({ total: count() }).from(WebsiteRareValues).where(where),
-			db
-				.select({
-					id: WebsiteRareValues.id,
-					categoryId: WebsiteRareValues.categoryId,
-					itemId: WebsiteRareValues.itemId,
-					name: WebsiteRareValues.name,
-					creditValue: WebsiteRareValues.creditValue,
-					currencyValue: WebsiteRareValues.currencyValue,
-					currencyType: WebsiteRareValues.currencyType,
-					furnitureIcon: WebsiteRareValues.furnitureIcon,
-				})
-				.from(WebsiteRareValues)
-				.where(where)
-				.orderBy(asc(WebsiteRareValues.name))
-				.limit(take)
-				.offset(skip),
-		]);
-		const total = totalRows[0]?.total ?? 0;
-
-		return apiJson({
-			data,
-			meta: {
-				page,
-				perPage,
-				total,
-				lastPage: Math.max(1, Math.ceil(total / perPage)),
+		const data = await redisCache(
+			apiCacheKey(`values:${categoryId ?? "all"}:${page}:${perPage}`),
+			300,
+			async () => {
+				const [totalRows, rows] = await Promise.all([
+					db.select({ total: count() }).from(WebsiteRareValues).where(where),
+					db
+						.select({
+							id: WebsiteRareValues.id,
+							categoryId: WebsiteRareValues.categoryId,
+							itemId: WebsiteRareValues.itemId,
+							name: WebsiteRareValues.name,
+							creditValue: WebsiteRareValues.creditValue,
+							currencyValue: WebsiteRareValues.currencyValue,
+							currencyType: WebsiteRareValues.currencyType,
+							furnitureIcon: WebsiteRareValues.furnitureIcon,
+						})
+						.from(WebsiteRareValues)
+						.where(where)
+						.orderBy(asc(WebsiteRareValues.name))
+						.limit(take)
+						.offset(skip),
+				]);
+				return cacheSafe({
+					data: rows,
+					meta: {
+						page,
+						perPage,
+						total: totalRows[0]?.total ?? 0,
+						lastPage: Math.max(
+							1,
+							Math.ceil((totalRows[0]?.total ?? 0) / perPage),
+						),
+					},
+				});
 			},
-		});
+		);
+
+		return apiJson(data);
 	} catch {
 		// DB unreachable — never 500; return an empty, well-formed payload.
 		return apiJson(