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/catalog/[id]/catalog-items-table/catalog-items-table.tsx

@@ -30,7 +30,6 @@ import {
 	RotateCcw,
 	Rows3,
 	Save,
-	Search,
 	Trash2,
 	X,
 } from "lucide-react";
@@ -48,6 +47,7 @@ import { BulkImportItems } from "@/components/admin/catalog/bulk-import-items";
 import { ItemsShopPreview } from "@/components/admin/catalog/items-shop-preview";
 import { QuickAddFurni } from "@/components/admin/catalog/quick-add-furni";
 import { useConfirmDialog } from "@/components/admin/confirm-dialog";
+import { SearchInput } from "@/components/admin/search-input";
 import {
 	CurrencyIcon,
 	currencyKindFromPointsType,
@@ -1082,24 +1082,12 @@ export function CatalogItemsTable({
 
 					{/* Search bar */}
 					{items.length > 0 && (
-						<div className="relative">
-							<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-							<Input
-								placeholder="Filter by name, classname, item ID..."
-								value={searchQuery}
-								onChange={(e) => setSearchQuery(e.target.value)}
-								className="pl-9 h-9"
-							/>
-							{searchQuery && (
-								<button
-									type="button"
-									className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-									onClick={() => setSearchQuery("")}
-								>
-									<X className="h-4 w-4" />
-								</button>
-							)}
-						</div>
+						<SearchInput
+							placeholder="Filter by name, classname, item ID..."
+							value={searchQuery}
+							onChange={setSearchQuery}
+							onClear={() => setSearchQuery("")}
+						/>
 					)}
 				</CardHeader>
 				<CardContent>