UI编辑器一批细节优化 (#278)

* 提示词:完善组件建议，增加容器背景与节点大小一致的实现
* 支持Delete删除节点 ctrl + -缩放
* 步骤结束弹窗提醒
![shotmd-1788599068.jpg](/attachments/99a1e4aa-d778-41bf-9dda-0df703723407)
![shotmd-1788605840.jpg](/attachments/31ab883d-32bc-467b-9308-616b83387a79)

* UI 树快捷删除
![shotmd-1788605655.jpg](/attachments/3d451201-3f68-4eb6-b558-864ecf0cb5a3)

* zoom滑动条样式

before:
![image.png](/attachments/e4a04304-e6eb-4da6-9352-99e093fee42e)
after:
![shotmd-1788606577.jpg](/attachments/6cdc377c-f2a3-4a7e-b78e-772a3fdb13b7)

Reviewed-on: http://192.168.35.82/git/GenarrativeAI/Genarrative/pulls/278
Co-authored-by: 王德宇 <kvtodev@outlook.com>
Co-committed-by: 王德宇 <kvtodev@outlook.com>

packages/image-canvas-react/src/ZoomControls.tsx

@@ -1,4 +1,6 @@
 import {
+  CANVAS_ZOOM_IN_FACTOR,
+  CANVAS_ZOOM_OUT_FACTOR,
   canvasDisplayScaleToViewportScale,
   type CanvasViewport,
   formatCanvasDisplayScalePercent,
@@ -27,8 +29,8 @@ export function ZoomControls({
   const actions: CanvasZoomActions = {
     displayPercent: formatCanvasDisplayScalePercent(viewport.scale),
     fit: onFit,
-    zoomIn: () => onScaleFromCenter(viewport.scale * 1.16),
-    zoomOut: () => onScaleFromCenter(viewport.scale * 0.86),
+    zoomIn: () => onScaleFromCenter(viewport.scale * CANVAS_ZOOM_IN_FACTOR),
+    zoomOut: () => onScaleFromCenter(viewport.scale * CANVAS_ZOOM_OUT_FACTOR),
     zoomToDisplayScale: (displayScale) =>
       onScaleFromCenter(canvasDisplayScaleToViewportScale(displayScale)),
   };