Refactor canvas storage URL handling and integrate adjustment presets

- Introduced a new `CanvasPresetsProvider` to manage adjustment presets for nodes, enhancing state management and reducing reactivity.
- Updated storage URL resolution to utilize a mutation instead of a reactive query, improving performance and reducing unnecessary re-renders.
- Refactored adjustment nodes (color-adjust, curves, detail-adjust, light-adjust) to use the new preset context for fetching user presets.
- Improved overall canvas functionality by streamlining storage ID collection and URL resolution processes.

components/canvas/canvas-presets-context.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { createContext, useContext, useMemo, type ReactNode } from "react";
+
+import { api } from "@/convex/_generated/api";
+import type { Doc } from "@/convex/_generated/dataModel";
+import { useAuthQuery } from "@/hooks/use-auth-query";
+
+type AdjustmentPresetDoc = Doc<"adjustmentPresets">;
+type PresetsByNodeType = Map<AdjustmentPresetDoc["nodeType"], AdjustmentPresetDoc[]>;
+
+const CanvasPresetsContext = createContext<PresetsByNodeType | null>(null);
+
+type CanvasPresetsProviderProps = {
+  enabled?: boolean;
+  children: ReactNode;
+};
+
+export function CanvasPresetsProvider({
+  enabled = true,
+  children,
+}: CanvasPresetsProviderProps) {
+  const rawPresets = useAuthQuery(api.presets.list, enabled ? {} : "skip");
+
+  const presetsByNodeType = useMemo<PresetsByNodeType>(() => {
+    const next = new Map<AdjustmentPresetDoc["nodeType"], AdjustmentPresetDoc[]>();
+
+    for (const preset of (rawPresets ?? []) as AdjustmentPresetDoc[]) {
+      const existing = next.get(preset.nodeType);
+      if (existing) {
+        existing.push(preset);
+      } else {
+        next.set(preset.nodeType, [preset]);
+      }
+    }
+
+    return next;
+  }, [rawPresets]);
+
+  return (
+    <CanvasPresetsContext.Provider value={presetsByNodeType}>
+      {children}
+    </CanvasPresetsContext.Provider>
+  );
+}
+
+export function useCanvasAdjustmentPresets(
+  nodeType: AdjustmentPresetDoc["nodeType"],
+): AdjustmentPresetDoc[] {
+  const context = useContext(CanvasPresetsContext);
+  if (context === null) {
+    return [];
+  }
+
+  return context.get(nodeType) ?? [];
+}