refactor(cms): deduplicate shared admin components and fix studio batch completion

- fix(studio): stop markBatchDone infinite recursion so batches complete
- refactor(api): merge api-response into api and drop the duplicate module
- refactor(media): extract shared media loader and URL validator
- refactor(ui): extract shared LoadingSpinner for site and admin groups
- refactor(dates): consolidate raw date formatting into formatDate util
- refactor(logs): share a single generic log-list loader across tables
- refactor(theme): merge both ColorField components and reuse contrast helpers
- refactor(import): extract shared ImportErrorBanner and SearchInput
- chore(): remove dead theme-editor-tabs after inlining tab components

src/components/admin/media-grid.tsx

@@ -5,20 +5,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { deleteMedia, uploadMedia } from "@/actions/admin-media";
 import { useConfirmDialog } from "@/components/admin/confirm-dialog";
 import { formatDate } from "@/lib/format-date";
-
-type MediaFile = {
-	name: string;
-	url: string;
-	size: number;
-	uploaded: number;
-};
-
-function validImageUrl(url: string): string {
-	if (!url.startsWith("/")) return "";
-	if (/[<>"']/.test(url)) return "";
-	if (/(data|javascript|vbscript|file):/i.test(url)) return "";
-	return url;
-}
+import type { MediaFile } from "@/lib/media-files";
+import { loadMediaFiles, validImageUrl } from "@/lib/media-files";
 
 function formatSize(bytes: number): string {
 	if (bytes < 1024) return `${bytes} B`;
@@ -47,13 +35,7 @@ export function AdminMediaGrid() {
 
 	const load = useCallback(async () => {
 		setLoading(true);
-		try {
-			const res = await fetch("/api/media");
-			const data = await res.json();
-			setFiles(data.files ?? []);
-		} catch {
-			/* ignore */
-		}
+		setFiles(await loadMediaFiles());
 		setLoading(false);
 	}, []);