fix finally scroll in bottom cavas

src/pages/editor/components/EditorCanvas.tsx

@@ -151,19 +151,14 @@ const EditorCanvas = () => {
   }, [selectedObjectId, objects, transformerRef, applyTableResize, updateObject]);
 
   return (
-    <div className="flex-1 flex justify-center items-center bg-gray-100 pb-8 overflow-auto">
+    <div className="flex-1 flex items-center justify-center bg-gray-100 pb-8 overflow-auto">
-      <div
+      <div className="shadow-lg mt-8">
-        className="shadow-lg pt-8"
-        style={{
-          transform: `scale(${stageSize.scale})`,
-          transformOrigin: 'top center',
-          // maxHeight: window.innerHeight - 100,
-        }}
-      >
         <Stage
           ref={stageRef}
-          width={stageSize.width}
+          width={stageSize.width * stageSize.scale}
-          height={stageSize.height}
+          height={stageSize.height * stageSize.scale}
+          scaleX={stageSize.scale}
+          scaleY={stageSize.scale}
           onMouseDown={handleStageMouseDown}
           onMouseMove={handleStageMouseMove}
           onMouseUp={handleStageMouseUp}