v3: code quality pass, various bug fixes

src/pages/PlaylistDetail.tsx

@@ -92,10 +92,16 @@ export function PlaylistDetail() {
     cancels.current.forEach((c) => c());
   }, []);
 
+  const fetchAbortRef = useRef<AbortController | null>(null);
+
   const fetchPlaylist = () => {
     if (!playlistId) return;
+    fetchAbortRef.current?.abort();
+    const controller = new AbortController();
+    fetchAbortRef.current = controller;
     setState({ status: "loading" });
     fetch(`${API_URL}/api/playlists/${playlistId}`, {
+      signal: controller.signal,
       headers: token ? { Authorization: `Bearer ${token}` } : {},
     })
       .then((r) => {
@@ -122,6 +128,7 @@ export function PlaylistDetail() {
         cancels.current.clear();
       })
       .catch((err) => {
+        if (err.name === "AbortError") return;
         setState({
           status: "error",
           error: friendlyFetchError(err),
@@ -131,6 +138,7 @@ export function PlaylistDetail() {
 
   useEffect(() => {
     fetchPlaylist();
+    return () => fetchAbortRef.current?.abort();
   }, [playlistId]);
 
   // Start the cooldown→dismissing→gone sequence for a dump being removed.
@@ -465,8 +473,10 @@ export function PlaylistDetail() {
           method: "PUT",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
-            title: editTitle,
-            description: editDescription || undefined,
+            ...(editTitle !== state.playlist.title ? { title: editTitle } : {}),
+            ...(editDescription !== (state.playlist.description ?? "")
+              ? { description: editDescription || null }
+              : {}),
             isPublic: editIsPublic,
           }),
         },