[TileLayout] Calculate new position consistently regardless of the position of the drag handle

[yanmariomenev]

Description

There is currently a discrepancy in how the target position of a dragged item is calculated. The behavior changes depending on whether another tile is present under the current cursor/handle position.

Steps To Reproduce

https://stackblitz.com/edit/angular-xxzchb-kbsvuy?file=src%2Fapp%2Fapp.component.ts
https://stackblitz.com/edit/angular-preejp?file=src%2Fapp%2Fapp.component.ts
Try to move the bottom tile to the top when dragging from the middle of the tile or far right. Check the screen recording as a reference.

Screenshots or video

Screen.Recording.2024-11-25.at.14.53.57.mov

Expected Behavior

The new position of the dragged tile should be dynamically calculated based on the item's "starting point" coordinates (top-left corner), along with its row and column span. This calculation should be consistent, regardless of the exact cursor position within the draggable header.