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/app/admin/theme-builder/color-field.tsx

@@ -1,42 +0,0 @@
-"use client";
-
-import { useState } from "react";
-
-export function ColorField({
-	name,
-	label,
-	description,
-	defaultValue,
-}: {
-	name: string;
-	label: string;
-	description: string;
-	defaultValue: string;
-	backgroundColorKey?: string;
-}) {
-	const [val, setVal] = useState(defaultValue);
-
-	return (
-		<div className="rounded-lg p-2">
-			<div className="flex items-start gap-2">
-				<input
-					type="color"
-					name={name}
-					value={val}
-					onChange={(e) => setVal(e.target.value)}
-					className="w-[42px] h-[36px] p-0 border-none bg-none cursor-pointer flex-shrink-0 rounded"
-				/>
-				<div className="flex flex-col min-w-0 flex-1">
-					<div className="flex items-baseline justify-between gap-2">
-						<span className="text-sm font-semibold text-[var(--admin-text)] leading-tight">
-							{label}
-						</span>
-					</div>
-					<span className="text-xs text-[var(--admin-text-muted)] leading-snug line-clamp-2">
-						{description}
-					</span>
-				</div>
-			</div>
-		</div>
-	);
-}