v3: error cards across the app, friendly network errors, code quality pass

src/pages/DumpEdit.tsx

@@ -8,6 +8,7 @@ import { useRequiredAuth } from "../hooks/useAuth.ts";
 import { formatBytes } from "../utils/format.ts";
 import { PageShell } from "../components/PageShell.tsx";
 import { PageError } from "../components/PageError.tsx";
+import { friendlyFetchError } from "../utils/apiError.ts";
 import { ConfirmModal } from "../components/ConfirmModal.tsx";
 import RichContentCard from "../components/RichContentCard.tsx";
 import FilePreview from "../components/FilePreview.tsx";
@@ -41,8 +42,6 @@ export function DumpEdit() {
           cache: "no-store",
           headers: token ? { Authorization: `Bearer ${token}` } : {},
         });
-        if (!res.ok) throw new Error(`HTTP ${res.status}`);
-
         const apiResponse = await res.json();
 
         if (apiResponse.success) {
@@ -52,13 +51,13 @@ export function DumpEdit() {
           setIsPrivate(dump.isPrivate);
           setState({ status: "loaded", dump });
         } else {
-          setState({ status: "error", error: apiResponse.error.message });
+          setState({
+            status: "error",
+            error: apiResponse.error?.message ?? "Failed to load.",
+          });
         }
       } catch (err) {
-        setState({
-          status: "error",
-          error: err instanceof Error ? err.message : "Load failed",
-        });
+        setState({ status: "error", error: friendlyFetchError(err) });
       }
     })();
   }, [selectedDump]);
@@ -90,16 +89,11 @@ export function DumpEdit() {
       });
     }
 
-    if (!res.ok) {
-      setState({ status: "error", error: `Update failed (${res.status})` });
-      return;
-    }
-
     const apiResponse = await res.json();
     if (!apiResponse.success) {
       setState({
         status: "error",
-        error: apiResponse.error?.message ?? "Update failed",
+        error: apiResponse.error?.message ?? "Update failed.",
       });
       return;
     }