refactor: improve tool processing, dropzone, seam carving, and format encoding

- Refactor use-tool-processor and use-pipeline-processor hooks
- Enhance dropzone component with improved UX
- Improve seam carving with better error handling and tests
- Add JXL format encoding support to format-encoders
- Update tool routes for consistent format handling
- Add dropzone unit tests

apps/api/src/routes/tools/svg-to-raster.ts

@@ -10,6 +10,7 @@ import { env } from "../../config.js";
 import { resolveConcurrency } from "../../lib/env.js";
 import { formatZodErrors } from "../../lib/errors.js";
 import { sanitizeFilename } from "../../lib/filename.js";
+import { encodeJxl } from "../../lib/format-encoders.js";
 import { decodeHeic, encodeHeic } from "../../lib/heic-converter.js";
 import { isSvgBuffer, sanitizeSvg } from "../../lib/svg-sanitize.js";
 import { createWorkspace } from "../../lib/workspace.js";
@@ -77,10 +78,12 @@ async function convertSvg(
       buffer = await image.gif().toBuffer();
       ext = "gif";
       break;
-    case "jxl":
-      buffer = await image.jxl({ quality: settings.quality }).toBuffer();
+    case "jxl": {
+      const pngBuf = await image.png().toBuffer();
+      buffer = await encodeJxl(pngBuf, settings.quality);
       ext = "jxl";
       break;
+    }
     case "heif": {
       const pngBuffer = await image.png().toBuffer();
       buffer = await encodeHeic(pngBuffer, settings.quality);