feat: add scroll to selected block in the Tree component

Author: qradle-yndx

editor-v2/containers/Tree/TreeItem.tsx

@@ -40,6 +40,17 @@ export const Item = ({
     const [isDragging, setIsDragging] = React.useState(false);
     const [isDragOver, setIsDragOver] = React.useState(false);
     const [mouseDownPos, setMouseDownPos] = React.useState<{x: number; y: number} | null>(null);
+    const itemRef = React.useRef<HTMLDivElement>(null);
+
+    // Scroll into view when selected
+    React.useEffect(() => {
+        if (selected && itemRef.current) {
+            itemRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }, [selected]);
 
     const handleCopy = React.useCallback(() => {
         onCopy(path);
@@ -182,6 +193,7 @@ export const Item = ({
 
     return (
         <Card
+            ref={itemRef}
             className={b({
                 selected,
                 dragging: isDragging,

editor-v2/hooks/useSelectedBlockBorders.ts

@@ -23,7 +23,6 @@ export const useSelectedBlockBorders = (
 
     // Update blockBorders when selectedBlock changes
     React.useEffect(() => {
-        console.log(321, selectedBlock);
         if (!selectedBlock) {
             setBlockBorders(null);
         } else {
@@ -47,8 +46,5 @@ export const useSelectedBlockBorders = (
         }
     }, [blockBorders, canvasElement]);
 
-    React.useEffect(() => {
-        console.log('blockBorders');
-    }, [blockBorders]);
     return blockBorders;
 };