fix(web): use tash2 icon instead of x for clearing values

Author: leonardcser

apps/web/src/components/workflow/fields/clear-button.tsx

@@ -1,4 +1,4 @@
-import { XIcon } from "lucide-react";
+import { Trash2Icon } from "lucide-react";
 
 interface ClearButtonProps {
   onClick: () => void;
@@ -18,7 +18,7 @@ export function ClearButton({
       aria-label={label}
       type="button"
     >
-      <XIcon className="h-4 w-4" />
+      <Trash2Icon className="h-4 w-4" />
     </button>
   );
 }

apps/web/src/components/workflow/widgets/canvas-doodle.tsx

@@ -1,4 +1,4 @@
-import Eraser from "lucide-react/icons/eraser";
+import { Trash2 } from "lucide-react";
 import Save from "lucide-react/icons/save";
 import { useEffect, useRef, useState } from "react";
 
@@ -210,7 +210,7 @@ function CanvasDoodleWidget({
             disabled={isUploading || readonly}
             aria-label="Clear"
           >
-            <Eraser className="!size-3" />
+            <Trash2 className="!size-3" />
           </button>
           <button
             onClick={saveCanvas}