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/events/[id]/event-registrations.tsx

@@ -2,6 +2,7 @@
 
 import { useTranslations } from "next-intl";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { formatDate } from "@/lib/format-date";
 
 interface Registration {
 	id: number;
@@ -36,7 +37,7 @@ export function EventRegistrations({ registrations }: Props) {
 							>
 								<span className="text-sm font-medium">{r.username}</span>
 								<span className="text-xs text-muted-foreground">
-									{new Date(r.createdAt).toLocaleString()}
+									{formatDate(new Date(r.createdAt))}
 								</span>
 							</div>
 						))}

src/app/admin/events/[id]/event-winners.tsx

@@ -9,6 +9,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { useServerAction } from "@/hooks/use-server-action";
+import { formatDate } from "@/lib/format-date";
 
 interface Winner {
 	id: number;
@@ -93,7 +94,7 @@ export function EventWinnersManager({ eventId, winners }: Props) {
 							</span>
 							<span className="font-medium text-sm">{w.username}</span>
 							<span className="text-xs text-muted-foreground ml-auto">
-								{new Date(w.createdAt).toLocaleDateString()}
+								{formatDate(new Date(w.createdAt), "date")}
 							</span>
 						</div>
 					))}

src/app/admin/events/[id]/page.tsx

@@ -6,6 +6,7 @@ import { AdminBreadcrumb } from "@/components/admin/admin-breadcrumb";
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { db, User, WebsiteEvent, WebsiteEventType } from "@/lib/db";
+import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { EventForm } from "../event-form";
 import { EventPrizesManager } from "./event-prizes";
@@ -94,7 +95,7 @@ export default async function EventDetailPage({
 					</Badge>
 				</div>
 				<p className="m-0 mt-1 text-sm text-[var(--admin-text-muted)]">
-					{event.type.name} &middot; {new Date(event.startsAt).toLocaleString()}
+					{event.type.name} &middot; {formatDate(new Date(event.startsAt))}
 				</p>
 			</div>
 
@@ -156,7 +157,7 @@ export default async function EventDetailPage({
 						{event.endsAt && (
 							<p className="text-xs text-muted-foreground">
 								{t("endsAt", {
-									date: new Date(event.endsAt).toLocaleString(),
+									date: formatDate(new Date(event.endsAt)),
 								})}
 							</p>
 						)}

src/app/admin/events/events-table.tsx

@@ -9,6 +9,7 @@ import Link from "@/components/link";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { useServerAction } from "@/hooks/use-server-action";
+import { formatDate } from "@/lib/format-date";
 import type { DataTableColumn, PaginatedResult } from "@/types/common";
 
 interface EventRow {
@@ -86,7 +87,7 @@ export function EventsTable({ data }: EventsTableProps) {
 			sortable: true,
 			render: (value) => (
 				<span className="text-sm">
-					{new Date(value as unknown as string).toLocaleString()}
+					{formatDate(new Date(value as unknown as string))}
 				</span>
 			),
 		},