style: format code with prettier

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

@@ -1,59 +1,53 @@
-'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
@@ -81,14 +75,12 @@ 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>
-  )
+  );
 }