revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/catalog/[id]/catalog-items-table/song-picker.tsx

@@ -1,53 +1,59 @@
-"use client";
+'use client'
 
-import { Loader2, Music } from "lucide-react";
-import { useEffect, useState } from "react";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Loader2, Music } from 'lucide-react'
+import { useEffect, useState } from 'react'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
 import {
   getCachedSongPickerOptions,
   loadSongPickerOptions,
   type SoundtrackOption,
-} from "@/lib/client-cache/song-picker-cache";
+} from '@/lib/client-cache/song-picker-cache'
 
 // Re-export so existing `import { invalidateSongPickerCache } from '.../song-picker'`
 // callsites keep working. New code should import from the lib module directly.
-export { invalidateSongPickerCache } from "@/lib/client-cache/song-picker-cache";
+export { invalidateSongPickerCache } from '@/lib/client-cache/song-picker-cache'
 
 interface Props {
-  value: number;
-  onChange: (id: number) => void;
-  disabled?: boolean;
+  value: number
+  onChange: (id: number) => void
+  disabled?: boolean
 }
 
 function formatLength(seconds: number): string {
-  if (!seconds || seconds <= 0) return "";
-  const m = Math.floor(seconds / 60);
-  const s = seconds % 60;
-  return `${m}:${String(s).padStart(2, "0")}`;
+  if (!seconds || seconds <= 0) return ''
+  const m = Math.floor(seconds / 60)
+  const s = seconds % 60
+  return `${m}:${String(s).padStart(2, '0')}`
 }
 
 export function SongPicker({ value, onChange, disabled }: Props) {
-  const initial = getCachedSongPickerOptions();
-  const [options, setOptions] = useState<SoundtrackOption[]>(initial ?? []);
-  const [loading, setLoading] = useState(!initial);
+  const initial = getCachedSongPickerOptions()
+  const [options, setOptions] = useState<SoundtrackOption[]>(initial ?? [])
+  const [loading, setLoading] = useState(!initial)
 
   useEffect(() => {
-    if (getCachedSongPickerOptions()) return;
-    let cancelled = false;
+    if (getCachedSongPickerOptions()) return
+    let cancelled = false
     loadSongPickerOptions()
       .then((items) => {
-        if (!cancelled) setOptions(items);
+        if (!cancelled) setOptions(items)
       })
       .catch(() => {
-        if (!cancelled) setOptions([]);
+        if (!cancelled) setOptions([])
       })
       .finally(() => {
-        if (!cancelled) setLoading(false);
-      });
+        if (!cancelled) setLoading(false)
+      })
     return () => {
-      cancelled = true;
-    };
-  }, []);
+      cancelled = true
+    }
+  }, [])
 
   return (
     <Select
@@ -75,12 +81,14 @@ export function SongPicker({ value, onChange, disabled }: Props) {
               <span className="font-medium">{opt.name}</span>
               {opt.author && <span className="text-xs text-muted-foreground">— {opt.author}</span>}
               {opt.length > 0 && (
-                <span className="text-xs text-muted-foreground font-mono">{formatLength(opt.length)}</span>
+                <span className="text-xs text-muted-foreground font-mono">
+                  {formatLength(opt.length)}
+                </span>
               )}
             </span>
           </SelectItem>
         ))}
       </SelectContent>
     </Select>
-  );
+  )
 }