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/tickets/[id]/admin-ticket-detail.tsx

@@ -30,6 +30,7 @@ import {
 } from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
 import { useServerAction } from "@/hooks/use-server-action";
+import { formatDate } from "@/lib/format-date";
 import { TICKET_PRIORITIES, TICKET_STATUSES } from "@/lib/validators/ticket";
 
 interface TicketMessage {
@@ -215,7 +216,7 @@ export function AdminTicketDetail({
 												{msg.isStaff && " (Staff)"}
 											</span>
 											<span className="text-[10px] text-muted-foreground">
-												{new Date(msg.createdAt).toLocaleString()}
+												{formatDate(new Date(msg.createdAt))}
 											</span>
 										</div>
 										<div
@@ -276,7 +277,7 @@ export function AdminTicketDetail({
 							<div className="border-t p-4 text-center text-sm text-muted-foreground">
 								Ticket closed{" "}
 								{ticket.closedAt
-									? `on ${new Date(ticket.closedAt).toLocaleDateString()}`
+									? `on ${formatDate(new Date(ticket.closedAt), "date")}`
 									: ""}
 							</div>
 						)}
@@ -413,9 +414,10 @@ export function AdminTicketDetail({
 							<div className="flex items-center gap-2 text-xs text-muted-foreground">
 								<Calendar className="h-3 w-3" />
 								Registered{" "}
-								{new Date(
-									ticket.creator.accountCreated * 1000,
-								).toLocaleDateString()}
+								{formatDate(
+									new Date(ticket.creator.accountCreated * 1000),
+									"date",
+								)}
 							</div>
 						</CardContent>
 					</Card>
@@ -428,12 +430,12 @@ export function AdminTicketDetail({
 						<CardContent className="space-y-2 text-xs text-muted-foreground">
 							<div className="flex justify-between">
 								<span>Created</span>
-								<span>{new Date(ticket.createdAt).toLocaleString()}</span>
+								<span>{formatDate(new Date(ticket.createdAt))}</span>
 							</div>
 							{ticket.closedAt && (
 								<div className="flex justify-between">
 									<span>Closed</span>
-									<span>{new Date(ticket.closedAt).toLocaleString()}</span>
+									<span>{formatDate(new Date(ticket.closedAt))}</span>
 								</div>
 							)}
 							<div className="flex justify-between">