[BUG]: Troubleshooting Drag-and-Drop Grid Alignment Issues for the Container Component

[ayusmanmindfire]

Describe the bug

While dragging a new container component from sidebar, it is not taking the desired place. It is always shifting to the left side while it should take the place according to the highlighted grid

Steps to reproduce

1. Open the page builder
2. Drag a new container component according to your desired place in canvas

Expected behavior

The new container component should position itself precisely by keeping highlighted grid at its left-upper corner, when dragged from the sidebar.

What is actually happening?

The new container component shifts to the left instead of aligning with the highlighted grid when dragged from the sidebar.

Screenshots

Any additional comments?

Look for any conflicts in the event listeners that might be overriding the intended drop behavior.
And the container are also overlapping while dropping a second container component within the same row of the grid.