feat: SOTA Image to Base64 converter with 6 output formats (#65)

* feat(image-to-base64): register tool in shared constants and i18n

* feat(image-to-base64): add API route with Sharp pipeline and base64 encoding

* feat(image-to-base64): add Zustand store for base64 results

* feat(image-to-base64): add settings panel component

* feat(image-to-base64): add results panel with 6-tab output and batch accordion

* feat(image-to-base64): register tool in frontend tool registry

* fix(image-to-base64): pass through original buffer when no resize/conversion needed

---------

Co-authored-by: stirling-image <stirling-image@users.noreply.github.com>

apps/web/src/lib/tool-registry.tsx

@@ -155,6 +155,16 @@ const BarcodeReadSettings = lazy(() =>
     default: m.BarcodeReadSettings,
   })),
 );
+const ImageToBase64Settings = lazy(() =>
+  import("@/components/tools/image-to-base64-settings").then((m) => ({
+    default: m.ImageToBase64Settings,
+  })),
+);
+const ImageToBase64Results = lazy(() =>
+  import("@/components/tools/image-to-base64-results").then((m) => ({
+    default: m.ImageToBase64Results,
+  })),
+);
 const CollageSettings = lazy(() =>
   import("@/components/tools/collage-settings").then((m) => ({ default: m.CollageSettings })),
 );
@@ -354,6 +364,14 @@ export const toolRegistry = new Map<string, ToolRegistryEntry>([
     { displayMode: "no-dropzone", Settings: QrGenerateSettings, ResultsPanel: QrGeneratePreview },
   ],
   ["barcode-read", { displayMode: "before-after", Settings: BarcodeReadSettings }],
+  [
+    "image-to-base64",
+    {
+      displayMode: "custom-results",
+      Settings: ImageToBase64Settings,
+      ResultsPanel: ImageToBase64Results,
+    },
+  ],
 
   // Layout & Composition
   ["collage", { displayMode: "before-after", Settings: CollageSettings }],