✨ feat: layer effects, bucket fill, simple brush

apps/web/components/canvas-renderer.test.tsx

@@ -26,7 +26,7 @@ describe("CanvasRenderer", () => {
   it("keeps the rotation handle interactive", () => {
     const layer: Layer = {
       id: "layer-1",
-      type: "image",
+      type: "raster",
       sourceUri: "data:image/png;base64,test",
       x: 0,
       y: 0,
@@ -35,6 +35,8 @@ describe("CanvasRenderer", () => {
       scale: 1,
       rotation: 0,
       opacity: 1,
+      effects: [],
+      visible: true,
     };
     const onRotateLayer = vi.fn();