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/page.tsx

@@ -7,13 +7,13 @@ import {
 	saveCustomTheme,
 	saveTheme,
 } from "@/actions/admin-theme";
+import { ColorField } from "@/components/admin/color-field";
 import { RenameTheme } from "@/components/admin/theme/rename-theme";
 import { Button } from "@/components/ui/button";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { siteSettings } from "@/lib/services/site-settings";
 import { listCustomThemes } from "@/lib/theme-custom-store";
 import { FONTS, PRESETS } from "@/lib/theme-presets";
-import { ColorField } from "./color-field";
 
 export const metadata = { title: "Theme" };
 
@@ -297,13 +297,13 @@ function colorFields(
 			{fields.map((f) => {
 				const val = toHex(current[f.key], f.def);
 				const bgKey = f.bgKey ? `${f.bgKey}${suffix}` : undefined;
-				// eslint-disable-next-line security/detect-object-injection -- bgKey derived from hardcoded field list
 				const bgValue = bgKey ? toHex(current[bgKey], "") : undefined;
 				return (
 					<ColorField
 						key={f.key}
-						field={f}
-						value={val}
+						label={f.label}
+						description={f.desc}
+						defaultValue={val}
 						bgValue={bgValue || undefined}
 						name={`${f.key}${suffix}`}
 					/>