revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/import/clothing/import-clothing-client.tsx

@@ -1,35 +1,45 @@
-"use client";
+'use client'
 
-import { AlertCircle, Check, Download, Loader2, Package, Search, Shirt, Trash2, X } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { toast } from "sonner";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { cn } from "@/lib/utils";
+import {
+  AlertCircle,
+  Check,
+  Download,
+  Loader2,
+  Package,
+  Search,
+  Shirt,
+  Trash2,
+  X,
+} from 'lucide-react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { toast } from 'sonner'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { cn } from '@/lib/utils'
 
 // ── Shared types ─────────────────────────────────────────────────────────────
 
 interface FigureItem {
-  lib: string;
-  revision: number;
-  nitroExists: boolean;
-  previewType?: string;
-  previewId?: number;
+  lib: string
+  revision: number
+  nitroExists: boolean
+  previewType?: string
+  previewId?: number
 }
 
 interface ClothingSetItem {
-  setType: string;
-  setId: number;
-  gender: string;
-  club: number;
-  sellable: boolean;
-  present: boolean;
+  setType: string
+  setId: number
+  gender: string
+  club: number
+  sellable: boolean
+  present: boolean
 }
 
-type Mode = "libs" | "sets";
+type Mode = 'libs' | 'sets'
 
-const PER_PAGE = 100;
+const PER_PAGE = 100
 
 // ── Shared SSE reader ─────────────────────────────────────────────────────────
 
@@ -40,38 +50,38 @@ async function runSseImport(
   onComplete: (succeeded: number, failed: number) => void,
 ): Promise<void> {
   const res = await fetch(url, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(body),
-  });
+  })
   if (!res.body) {
-    toast.error("No response stream");
-    return;
+    toast.error('No response stream')
+    return
   }
-  const reader = res.body.getReader();
-  const decoder = new TextDecoder();
-  let buf = "";
-  let succeeded = 0;
-  let failed = 0;
+  const reader = res.body.getReader()
+  const decoder = new TextDecoder()
+  let buf = ''
+  let succeeded = 0
+  let failed = 0
   while (true) {
-    const { value, done: streamDone } = await reader.read();
-    if (streamDone) break;
-    buf += decoder.decode(value, { stream: true });
-    const parts = buf.split("\n\n");
-    buf = parts.pop() ?? "";
+    const { value, done: streamDone } = await reader.read()
+    if (streamDone) break
+    buf += decoder.decode(value, { stream: true })
+    const parts = buf.split('\n\n')
+    buf = parts.pop() ?? ''
     for (const part of parts) {
-      if (!part.startsWith("data: ")) continue;
-      const evt = JSON.parse(part.slice(6));
-      if (evt.type === "item_progress" && (evt.status === "done" || evt.status === "failed")) {
-        onDone(evt.classname);
+      if (!part.startsWith('data: ')) continue
+      const evt = JSON.parse(part.slice(6))
+      if (evt.type === 'item_progress' && (evt.status === 'done' || evt.status === 'failed')) {
+        onDone(evt.classname)
       }
-      if (evt.type === "batch_complete") {
-        succeeded = evt.succeeded;
-        failed = evt.failed;
+      if (evt.type === 'batch_complete') {
+        succeeded = evt.succeeded
+        failed = evt.failed
       }
     }
   }
-  onComplete(succeeded, failed);
+  onComplete(succeeded, failed)
 }
 
 // ── Avatar preview (renders a mini avatar wearing the item) ───────────────────
@@ -79,30 +89,30 @@ async function runSseImport(
 // A default dressed avatar; the previewed part overrides/adds its slot so the
 // item is shown on a complete figure.
 const BASE_FIGURE: Record<string, string> = {
-  hd: "hd-180-1",
-  hr: "hr-828-45",
-  ch: "ch-665-92",
-  lg: "lg-700-82",
-  sh: "sh-705-62",
-};
+  hd: 'hd-180-1',
+  hr: 'hr-828-45',
+  ch: 'ch-665-92',
+  lg: 'lg-700-82',
+  sh: 'sh-705-62',
+}
 
 // Head-worn slots → render head-only (zoomed) so the item fills the frame;
 // everything else renders the full body.
-const HEAD_TYPES = new Set(["hd", "hr", "ha", "he", "ea", "fa", "fc"]);
+const HEAD_TYPES = new Set(['hd', 'hr', 'ha', 'he', 'ea', 'fa', 'fc'])
 
 function buildPreviewFigure(type: string, id: number): string {
-  const parts: Record<string, string> = { ...BASE_FIGURE };
-  parts[type] = `${type}-${id}`; // default color
-  return Object.values(parts).join(".");
+  const parts: Record<string, string> = { ...BASE_FIGURE }
+  parts[type] = `${type}-${id}` // default color
+  return Object.values(parts).join('.')
 }
 
 function AvatarPreview({ type, id }: { type?: string; id?: number }) {
-  const [failed, setFailed] = useState(false);
+  const [failed, setFailed] = useState(false)
   if (failed || !type || id === undefined) {
-    return <Shirt className="w-8 h-8 text-muted-foreground/60" />;
+    return <Shirt className="w-8 h-8 text-muted-foreground/60" />
   }
-  const figure = buildPreviewFigure(type, id);
-  const headOnly = HEAD_TYPES.has(type) ? "&headonly=1" : "";
+  const figure = buildPreviewFigure(type, id)
+  const headOnly = HEAD_TYPES.has(type) ? '&headonly=1' : ''
   return (
     // biome-ignore lint/performance/noImgElement: dynamic avatar imaging, not a Next asset
     <img
@@ -111,129 +121,129 @@ function AvatarPreview({ type, id }: { type?: string; id?: number }) {
       className="max-h-full object-contain image-pixelated"
       onError={() => setFailed(true)}
     />
-  );
+  )
 }
 
 // ── Librerie (v1) view ────────────────────────────────────────────────────────
 
 function LibsView() {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [activeSearch, setActiveSearch] = useState("");
-  const [items, setItems] = useState<FigureItem[]>([]);
-  const [page, setPage] = useState(1);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState("");
-  const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [batchProgress, setBatchProgress] = useState<{ done: number; total: number } | null>(null);
-  const [busyLib, setBusyLib] = useState<string | null>(null);
+  const [searchTerm, setSearchTerm] = useState('')
+  const [activeSearch, setActiveSearch] = useState('')
+  const [items, setItems] = useState<FigureItem[]>([])
+  const [page, setPage] = useState(1)
+  const [total, setTotal] = useState(0)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState('')
+  const [selected, setSelected] = useState<Set<string>>(new Set())
+  const [batchProgress, setBatchProgress] = useState<{ done: number; total: number } | null>(null)
+  const [busyLib, setBusyLib] = useState<string | null>(null)
 
   const fetchItems = useCallback(async (search: string, pageNum: number) => {
-    setLoading(true);
-    setError("");
+    setLoading(true)
+    setError('')
     try {
-      const params = new URLSearchParams({ page: String(pageNum) });
-      if (search) params.set("search", search);
-      const res = await fetch(`/api/admin/import/clothing?${params}`);
-      const data = await res.json();
+      const params = new URLSearchParams({ page: String(pageNum) })
+      if (search) params.set('search', search)
+      const res = await fetch(`/api/admin/import/clothing?${params}`)
+      const data = await res.json()
       if (!res.ok) {
-        setError(data.error || "Failed to load");
-        return;
+        setError(data.error || 'Failed to load')
+        return
       }
-      setItems(data.item || []);
-      setTotal(data.meta?.total || 0);
-      setSelected(new Set());
+      setItems(data.item || [])
+      setTotal(data.meta?.total || 0)
+      setSelected(new Set())
     } catch {
-      setError("Network error");
+      setError('Network error')
     } finally {
-      setLoading(false);
+      setLoading(false)
     }
-  }, []);
+  }, [])
 
   useEffect(() => {
-    fetchItems("", 1);
-  }, [fetchItems]);
+    fetchItems('', 1)
+  }, [fetchItems])
 
   function doSearch() {
-    setActiveSearch(searchTerm);
-    setPage(1);
-    fetchItems(searchTerm, 1);
+    setActiveSearch(searchTerm)
+    setPage(1)
+    fetchItems(searchTerm, 1)
   }
 
-  function goPage(dir: "prev" | "next") {
-    const next = dir === "next" ? page + 1 : Math.max(1, page - 1);
-    setPage(next);
-    fetchItems(activeSearch, next);
+  function goPage(dir: 'prev' | 'next') {
+    const next = dir === 'next' ? page + 1 : Math.max(1, page - 1)
+    setPage(next)
+    fetchItems(activeSearch, next)
   }
 
-  const importable = useMemo(() => items.filter((p) => !p.nitroExists), [items]);
-  const importedCount = useMemo(() => items.filter((p) => p.nitroExists).length, [items]);
-  const lastPage = Math.max(Math.ceil(total / PER_PAGE), 1);
+  const importable = useMemo(() => items.filter((p) => !p.nitroExists), [items])
+  const importedCount = useMemo(() => items.filter((p) => p.nitroExists).length, [items])
+  const lastPage = Math.max(Math.ceil(total / PER_PAGE), 1)
 
   function toggle(lib: string) {
     setSelected((prev) => {
-      const n = new Set(prev);
-      if (n.has(lib)) n.delete(lib);
-      else n.add(lib);
-      return n;
-    });
+      const n = new Set(prev)
+      if (n.has(lib)) n.delete(lib)
+      else n.add(lib)
+      return n
+    })
   }
 
   function markDone(lib: string) {
-    setItems((prev) => prev.map((p) => (p.lib === lib ? { ...p, nitroExists: true } : p)));
+    setItems((prev) => prev.map((p) => (p.lib === lib ? { ...p, nitroExists: true } : p)))
   }
 
   async function importViaSse(toImport: FigureItem[]) {
-    setBatchProgress({ done: 0, total: toImport.length });
-    let done = 0;
+    setBatchProgress({ done: 0, total: toImport.length })
+    let done = 0
     await runSseImport(
-      "/api/admin/import/clothing/batch",
+      '/api/admin/import/clothing/batch',
       { items: toImport, concurrency: 3 },
       (label) => {
-        done++;
-        markDone(label);
-        setBatchProgress({ done, total: toImport.length });
+        done++
+        markDone(label)
+        setBatchProgress({ done, total: toImport.length })
       },
       (succeeded, failed) => {
-        setBatchProgress(null);
-        setSelected(new Set());
-        if (succeeded > 0) toast.success(`${succeeded} libraries imported`);
-        if (failed > 0) toast.error(`${failed} failed`);
+        setBatchProgress(null)
+        setSelected(new Set())
+        if (succeeded > 0) toast.success(`${succeeded} libraries imported`)
+        if (failed > 0) toast.error(`${failed} failed`)
       },
-    );
-    setBatchProgress(null);
+    )
+    setBatchProgress(null)
   }
 
   async function importOne(p: FigureItem) {
-    setBusyLib(p.lib);
+    setBusyLib(p.lib)
     try {
-      await importViaSse([p]);
+      await importViaSse([p])
     } finally {
-      setBusyLib(null);
+      setBusyLib(null)
     }
   }
 
   async function importSelected() {
-    const toImport = items.filter((p) => selected.has(p.lib) && !p.nitroExists);
-    if (toImport.length === 0) return;
-    await importViaSse(toImport);
+    const toImport = items.filter((p) => selected.has(p.lib) && !p.nitroExists)
+    if (toImport.length === 0) return
+    await importViaSse(toImport)
   }
 
   async function remove(p: FigureItem) {
-    setBusyLib(p.lib);
+    setBusyLib(p.lib)
     try {
       const res = await fetch(`/api/admin/import/clothing?lib=${encodeURIComponent(p.lib)}`, {
-        method: "DELETE",
-      });
-      const data = await res.json();
+        method: 'DELETE',
+      })
+      const data = await res.json()
       if (res.ok) {
-        toast.success(`${p.lib} removed`);
-        setItems((prev) => prev.map((x) => (x.lib === p.lib ? { ...x, nitroExists: false } : x)));
+        toast.success(`${p.lib} removed`)
+        setItems((prev) => prev.map((x) => (x.lib === p.lib ? { ...x, nitroExists: false } : x)))
       } else {
-        toast.error(data.error || "Delete failed");
+        toast.error(data.error || 'Delete failed')
       }
     } finally {
-      setBusyLib(null);
+      setBusyLib(null)
     }
   }
 
@@ -267,12 +277,12 @@ function LibsView() {
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
             onKeyDown={(e) => {
-              if (e.key === "Enter") doSearch();
-              if (e.key === "Escape") {
-                setSearchTerm("");
-                setActiveSearch("");
-                setPage(1);
-                fetchItems("", 1);
+              if (e.key === 'Enter') doSearch()
+              if (e.key === 'Escape') {
+                setSearchTerm('')
+                setActiveSearch('')
+                setPage(1)
+                fetchItems('', 1)
               }
             }}
             className="pl-9 pr-8"
@@ -281,10 +291,10 @@ function LibsView() {
             <button
               type="button"
               onClick={() => {
-                setSearchTerm("");
-                setActiveSearch("");
-                setPage(1);
-                fetchItems("", 1);
+                setSearchTerm('')
+                setActiveSearch('')
+                setPage(1)
+                fetchItems('', 1)
               }}
               className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
             >
@@ -310,7 +320,9 @@ function LibsView() {
               )
             }
           >
-            {selected.size === importable.length ? "Deselect page" : `Select page (${importable.length})`}
+            {selected.size === importable.length
+              ? 'Deselect page'
+              : `Select page (${importable.length})`}
           </Button>
           {selected.size > 0 && (
             <Button size="sm" className="h-8" onClick={importSelected} disabled={!!batchProgress}>
@@ -340,21 +352,28 @@ function LibsView() {
       {!loading && items.length === 0 && !error && (
         <div className="text-center py-12 text-muted-foreground">
           <Shirt className="w-12 h-12 mx-auto mb-3 opacity-50" />
-          <p className="text-sm">No libraries found{activeSearch ? ` for "${activeSearch}"` : ""}</p>
+          <p className="text-sm">
+            No libraries found{activeSearch ? ` for "${activeSearch}"` : ''}
+          </p>
         </div>
       )}
 
       {items.length > 0 && (
-        <div className={cn("grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3", loading && "opacity-50")}>
+        <div
+          className={cn(
+            'grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3',
+            loading && 'opacity-50',
+          )}
+        >
           {items.map((p) => {
-            const isSelected = selected.has(p.lib);
+            const isSelected = selected.has(p.lib)
             return (
               <div
                 key={p.lib}
                 className={cn(
-                  "rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all",
-                  p.nitroExists && "ring-1 ring-[var(--admin-success)]/30",
-                  isSelected && "ring-2 ring-primary border-primary",
+                  'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
+                  p.nitroExists && 'ring-1 ring-[var(--admin-success)]/30',
+                  isSelected && 'ring-2 ring-primary border-primary',
                 )}
               >
                 {!p.nitroExists && (
@@ -362,10 +381,10 @@ function LibsView() {
                     type="button"
                     onClick={() => toggle(p.lib)}
                     className={cn(
-                      "absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors",
+                      'absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors',
                       isSelected
-                        ? "bg-primary border-primary text-primary-foreground"
-                        : "bg-background/80 border-muted-foreground/30 hover:border-muted-foreground",
+                        ? 'bg-primary border-primary text-primary-foreground'
+                        : 'bg-background/80 border-muted-foreground/30 hover:border-muted-foreground',
                     )}
                   >
                     {isSelected && <Check className="w-3 h-3" />}
@@ -415,7 +434,7 @@ function LibsView() {
                   </div>
                 </div>
               </div>
-            );
+            )
           })}
         </div>
       )}
@@ -430,7 +449,7 @@ function LibsView() {
               variant="outline"
               size="sm"
               disabled={page <= 1 || loading}
-              onClick={() => goPage("prev")}
+              onClick={() => goPage('prev')}
             >
               &larr; Prev
             </Button>
@@ -438,7 +457,7 @@ function LibsView() {
               variant="outline"
               size="sm"
               disabled={page >= lastPage || loading}
-              onClick={() => goPage("next")}
+              onClick={() => goPage('next')}
             >
               Next &rarr;
             </Button>
@@ -446,120 +465,120 @@ function LibsView() {
         </div>
       )}
     </div>
-  );
+  )
 }
 
 // ── Vestiti / Sets (v2) view ──────────────────────────────────────────────────
 
 function SetsView() {
-  const [searchTerm, setSearchTerm] = useState("");
-  const [activeSearch, setActiveSearch] = useState("");
-  const [items, setItems] = useState<ClothingSetItem[]>([]);
-  const [page, setPage] = useState(1);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState("");
-  const [selected, setSelected] = useState<Set<string>>(new Set());
-  const [batchProgress, setBatchProgress] = useState<{ done: number; total: number } | null>(null);
-  const [busyKey, setBusyKey] = useState<string | null>(null);
+  const [searchTerm, setSearchTerm] = useState('')
+  const [activeSearch, setActiveSearch] = useState('')
+  const [items, setItems] = useState<ClothingSetItem[]>([])
+  const [page, setPage] = useState(1)
+  const [total, setTotal] = useState(0)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState('')
+  const [selected, setSelected] = useState<Set<string>>(new Set())
+  const [batchProgress, setBatchProgress] = useState<{ done: number; total: number } | null>(null)
+  const [busyKey, setBusyKey] = useState<string | null>(null)
 
   function itemKey(it: ClothingSetItem): string {
-    return `${it.setType}-${it.setId}`;
+    return `${it.setType}-${it.setId}`
   }
 
   const fetchItems = useCallback(async (search: string, pageNum: number) => {
-    setLoading(true);
-    setError("");
+    setLoading(true)
+    setError('')
     try {
-      const params = new URLSearchParams({ page: String(pageNum) });
-      if (search) params.set("search", search);
-      const res = await fetch(`/api/admin/import/clothing/sets?${params}`);
-      const data = await res.json();
+      const params = new URLSearchParams({ page: String(pageNum) })
+      if (search) params.set('search', search)
+      const res = await fetch(`/api/admin/import/clothing/sets?${params}`)
+      const data = await res.json()
       if (!res.ok) {
-        setError(data.error || "Failed to load");
-        return;
+        setError(data.error || 'Failed to load')
+        return
       }
-      setItems(data.item || []);
-      setTotal(data.meta?.total || 0);
-      setSelected(new Set());
+      setItems(data.item || [])
+      setTotal(data.meta?.total || 0)
+      setSelected(new Set())
     } catch {
-      setError("Network error");
+      setError('Network error')
     } finally {
-      setLoading(false);
+      setLoading(false)
     }
-  }, []);
+  }, [])
 
   useEffect(() => {
-    fetchItems("", 1);
-  }, [fetchItems]);
+    fetchItems('', 1)
+  }, [fetchItems])
 
   function doSearch() {
-    setActiveSearch(searchTerm);
-    setPage(1);
-    fetchItems(searchTerm, 1);
+    setActiveSearch(searchTerm)
+    setPage(1)
+    fetchItems(searchTerm, 1)
   }
 
-  function goPage(dir: "prev" | "next") {
-    const next = dir === "next" ? page + 1 : Math.max(1, page - 1);
-    setPage(next);
-    fetchItems(activeSearch, next);
+  function goPage(dir: 'prev' | 'next') {
+    const next = dir === 'next' ? page + 1 : Math.max(1, page - 1)
+    setPage(next)
+    fetchItems(activeSearch, next)
   }
 
-  const importable = useMemo(() => items.filter((it) => !it.present), [items]);
-  const presentCount = useMemo(() => items.filter((it) => it.present).length, [items]);
-  const lastPage = Math.max(Math.ceil(total / PER_PAGE), 1);
+  const importable = useMemo(() => items.filter((it) => !it.present), [items])
+  const presentCount = useMemo(() => items.filter((it) => it.present).length, [items])
+  const lastPage = Math.max(Math.ceil(total / PER_PAGE), 1)
 
   function toggle(key: string) {
     setSelected((prev) => {
-      const n = new Set(prev);
-      if (n.has(key)) n.delete(key);
-      else n.add(key);
-      return n;
-    });
+      const n = new Set(prev)
+      if (n.has(key)) n.delete(key)
+      else n.add(key)
+      return n
+    })
   }
 
   function markDone(label: string) {
-    setItems((prev) => prev.map((it) => (itemKey(it) === label ? { ...it, present: true } : it)));
+    setItems((prev) => prev.map((it) => (itemKey(it) === label ? { ...it, present: true } : it)))
   }
 
   async function importViaSse(toImport: ClothingSetItem[]) {
-    setBatchProgress({ done: 0, total: toImport.length });
-    let done = 0;
+    setBatchProgress({ done: 0, total: toImport.length })
+    let done = 0
     await runSseImport(
-      "/api/admin/import/clothing/sets/batch",
+      '/api/admin/import/clothing/sets/batch',
       {
         items: toImport.map((it) => ({ setType: it.setType, setId: it.setId })),
         concurrency: 3,
       },
       (label) => {
-        done++;
-        markDone(label);
-        setBatchProgress({ done, total: toImport.length });
+        done++
+        markDone(label)
+        setBatchProgress({ done, total: toImport.length })
       },
       (succeeded, failed) => {
-        setBatchProgress(null);
-        setSelected(new Set());
-        if (succeeded > 0) toast.success(`${succeeded} sets imported`);
-        if (failed > 0) toast.error(`${failed} failed`);
+        setBatchProgress(null)
+        setSelected(new Set())
+        if (succeeded > 0) toast.success(`${succeeded} sets imported`)
+        if (failed > 0) toast.error(`${failed} failed`)
       },
-    );
-    setBatchProgress(null);
+    )
+    setBatchProgress(null)
   }
 
   async function importOne(it: ClothingSetItem) {
-    const key = itemKey(it);
-    setBusyKey(key);
+    const key = itemKey(it)
+    setBusyKey(key)
     try {
-      await importViaSse([it]);
+      await importViaSse([it])
     } finally {
-      setBusyKey(null);
+      setBusyKey(null)
     }
   }
 
   async function importSelected() {
-    const toImport = items.filter((it) => selected.has(itemKey(it)) && !it.present);
-    if (toImport.length === 0) return;
-    await importViaSse(toImport);
+    const toImport = items.filter((it) => selected.has(itemKey(it)) && !it.present)
+    if (toImport.length === 0) return
+    await importViaSse(toImport)
   }
 
   return (
@@ -592,12 +611,12 @@ function SetsView() {
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
             onKeyDown={(e) => {
-              if (e.key === "Enter") doSearch();
-              if (e.key === "Escape") {
-                setSearchTerm("");
-                setActiveSearch("");
-                setPage(1);
-                fetchItems("", 1);
+              if (e.key === 'Enter') doSearch()
+              if (e.key === 'Escape') {
+                setSearchTerm('')
+                setActiveSearch('')
+                setPage(1)
+                fetchItems('', 1)
               }
             }}
             className="pl-9 pr-8"
@@ -606,10 +625,10 @@ function SetsView() {
             <button
               type="button"
               onClick={() => {
-                setSearchTerm("");
-                setActiveSearch("");
-                setPage(1);
-                fetchItems("", 1);
+                setSearchTerm('')
+                setActiveSearch('')
+                setPage(1)
+                fetchItems('', 1)
               }}
               className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
             >
@@ -631,11 +650,15 @@ function SetsView() {
             disabled={!!batchProgress}
             onClick={() =>
               setSelected((prev) =>
-                prev.size === importable.length ? new Set() : new Set(importable.map((it) => itemKey(it))),
+                prev.size === importable.length
+                  ? new Set()
+                  : new Set(importable.map((it) => itemKey(it))),
               )
             }
           >
-            {selected.size === importable.length ? "Deselect page" : `Select page (${importable.length})`}
+            {selected.size === importable.length
+              ? 'Deselect page'
+              : `Select page (${importable.length})`}
           </Button>
           {selected.size > 0 && (
             <Button size="sm" className="h-8" onClick={importSelected} disabled={!!batchProgress}>
@@ -665,22 +688,27 @@ function SetsView() {
       {!loading && items.length === 0 && !error && (
         <div className="text-center py-12 text-muted-foreground">
           <Shirt className="w-12 h-12 mx-auto mb-3 opacity-50" />
-          <p className="text-sm">No sets found{activeSearch ? ` for "${activeSearch}"` : ""}</p>
+          <p className="text-sm">No sets found{activeSearch ? ` for "${activeSearch}"` : ''}</p>
         </div>
       )}
 
       {items.length > 0 && (
-        <div className={cn("grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3", loading && "opacity-50")}>
+        <div
+          className={cn(
+            'grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3',
+            loading && 'opacity-50',
+          )}
+        >
           {items.map((it) => {
-            const key = itemKey(it);
-            const isSelected = selected.has(key);
+            const key = itemKey(it)
+            const isSelected = selected.has(key)
             return (
               <div
                 key={key}
                 className={cn(
-                  "rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all",
-                  it.present && "ring-1 ring-[var(--admin-success)]/30",
-                  isSelected && "ring-2 ring-primary border-primary",
+                  'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
+                  it.present && 'ring-1 ring-[var(--admin-success)]/30',
+                  isSelected && 'ring-2 ring-primary border-primary',
                 )}
               >
                 {!it.present && (
@@ -688,10 +716,10 @@ function SetsView() {
                     type="button"
                     onClick={() => toggle(key)}
                     className={cn(
-                      "absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors",
+                      'absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors',
                       isSelected
-                        ? "bg-primary border-primary text-primary-foreground"
-                        : "bg-background/80 border-muted-foreground/30 hover:border-muted-foreground",
+                        ? 'bg-primary border-primary text-primary-foreground'
+                        : 'bg-background/80 border-muted-foreground/30 hover:border-muted-foreground',
                     )}
                   >
                     {isSelected && <Check className="w-3 h-3" />}
@@ -744,7 +772,7 @@ function SetsView() {
                   </div>
                 </div>
               </div>
-            );
+            )
           })}
         </div>
       )}
@@ -759,7 +787,7 @@ function SetsView() {
               variant="outline"
               size="sm"
               disabled={page <= 1 || loading}
-              onClick={() => goPage("prev")}
+              onClick={() => goPage('prev')}
             >
               &larr; Prev
             </Button>
@@ -767,7 +795,7 @@ function SetsView() {
               variant="outline"
               size="sm"
               disabled={page >= lastPage || loading}
-              onClick={() => goPage("next")}
+              onClick={() => goPage('next')}
             >
               Next &rarr;
             </Button>
@@ -775,36 +803,36 @@ function SetsView() {
         </div>
       )}
     </div>
-  );
+  )
 }
 
 // ── Root component with mode toggle ──────────────────────────────────────────
 
 export function ImportClothingClient() {
-  const [mode, setMode] = useState<Mode>("libs");
+  const [mode, setMode] = useState<Mode>('libs')
 
   return (
     <div className="space-y-4">
       <div className="flex gap-1 rounded-lg border p-1 w-fit">
         <Button
           size="sm"
-          variant={mode === "libs" ? "default" : "ghost"}
+          variant={mode === 'libs' ? 'default' : 'ghost'}
           className="h-7 text-xs"
-          onClick={() => setMode("libs")}
+          onClick={() => setMode('libs')}
         >
           Librerie
         </Button>
         <Button
           size="sm"
-          variant={mode === "sets" ? "default" : "ghost"}
+          variant={mode === 'sets' ? 'default' : 'ghost'}
           className="h-7 text-xs"
-          onClick={() => setMode("sets")}
+          onClick={() => setMode('sets')}
         >
           Vestiti (set)
         </Button>
       </div>
 
-      {mode === "libs" ? <LibsView /> : <SetsView />}
+      {mode === 'libs' ? <LibsView /> : <SetsView />}
     </div>
-  );
+  )
 }

src/app/admin/import/clothing/loading.tsx

@@ -9,5 +9,5 @@ export default function Loading() {
         </div>
       ))}
     </div>
-  );
+  )
 }

src/app/admin/import/clothing/page.tsx

@@ -1,11 +1,11 @@
-import { redirect } from "next/navigation";
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
-import { ImportClothingClient } from "./import-clothing-client";
+import { redirect } from 'next/navigation'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { ImportClothingClient } from './import-clothing-client'
 
 export default async function ImportClothingPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
-  return <ImportClothingClient />;
+  return <ImportClothingClient />
 }