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/permissions/[id]/rank-edit-client.tsx

@@ -6,7 +6,6 @@ import {
 	Crown,
 	Loader2,
 	Save,
-	Search,
 	Settings,
 	Shield,
 	ShieldCheck,
@@ -19,6 +18,7 @@ import {
 	saveRank as saveRankAction,
 	setCmsPermissions,
 } from "@/actions/permissions";
+import { SearchInput } from "@/components/admin/search-input";
 import Link from "@/components/link";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -521,15 +521,11 @@ export function RankEditClient({
 						</div>
 					</div>
 
-					<div className="relative">
-						<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-						<Input
-							placeholder="Search permissions..."
-							value={permSearch}
-							onChange={(e) => setPermSearch(e.target.value)}
-							className="pl-9"
-						/>
-					</div>
+					<SearchInput
+						placeholder="Search permissions..."
+						value={permSearch}
+						onChange={setPermSearch}
+					/>
 
 					<PermSection title="Commands" keys={cats.commands} sectionKey="cmd" />
 					<PermSection title="Account" keys={cats.account} sectionKey="acc" />
@@ -606,15 +602,11 @@ export function RankEditClient({
 								</div>
 							</div>
 
-							<div className="relative">
-								<Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-								<Input
-									placeholder="Search CMS permissions..."
-									value={cmsSearch}
-									onChange={(e) => setCmsSearch(e.target.value)}
-									className="pl-9"
-								/>
-							</div>
+							<SearchInput
+								placeholder="Search CMS permissions..."
+								value={cmsSearch}
+								onChange={setCmsSearch}
+							/>
 
 							<div className="space-y-1">
 								{filteredCms.map((perm) => {