feat: hide point highlight when dragging

packages/element/src/linearElementEditor.ts

@@ -630,7 +630,7 @@ export class LinearElementEditor {
         ? endBindingElement
         : null;
 
-    const newLinearElementEditor = {
+    const newLinearElementEditor: LinearElementEditor = {
       ...linearElementEditor,
       selectedPointsIndices: newSelectedPointsIndices,
       initialState: {

packages/excalidraw/components/App.tsx

@@ -8911,6 +8911,7 @@ class App extends React.Component<AppProps, AppState> {
         this.setState({
           selectedLinearElement: {
             ...this.state.selectedLinearElement,
+            isDragging: true,
             segmentMidPointHoveredCoords: ret.segmentMidPointHoveredCoords,
             initialState: ret.initialState,
           },

packages/excalidraw/renderer/interactiveScene.ts

@@ -1278,6 +1278,7 @@ const _renderInteractiveScene = ({
       (el) => el.id === editor.elementId, // Don't forget bound text elements!
     );
 
+    if (!appState.selectedLinearElement.isDragging) {
       if (editor.segmentMidPointHoveredCoords) {
         renderElbowArrowMidPointHighlight(context, appState);
       } else if (
@@ -1289,6 +1290,7 @@ const _renderInteractiveScene = ({
         renderLinearElementPointHighlight(context, appState, elementsMap);
       }
     }
+  }
 
   // Paint selected elements
   if (