Positioning added elements by dragging

For moving the added elements, we have to click the element and edit the position from left panel.
We can make this easier by simply adding the drag functionality to position them.

current working:

https://github.com/user-attachments/assets/f803ace5-8c80-445a-883e-4511072ea53d

As you can see in the video, this is how we reposition our element currently. But, we can make this easier by adding a drag event on the elements.

Start by reviewing the current element-positioning flow shown in the issue video and locate the entry point for added-element rendering and position editing. Implement and verify dragging on added elements, checking that their positions update without using the left panel.

Written by the indexing model from the issue text.