[bug][Elements] Element resizing does not work correctly when dragging from certain sides

[spartan-uyen]

Describe the bug

Summary:
Resizing an element by dragging from the left edge, top edge, or top-left corner does not work as expected. Only resizing from the right edge, bottom edge and bottom-right corner functions properly.

Step to reproduce:

1. Create a new text element in a blank project.
2. Select the element.
3. Try resizing the element by dragging the left edge, top edge, or top-left corner.

Actual result:

• Dragging the left edge increases the width towards the right instead of shrinking or expanding from the left.
• Dragging the top edge increases the height towards the bottom instead of resizing from the top.
• Dragging from the top-left corner does not behave as expected.
• Only resizing from the right edge, bottom edge and bottom-right corner works correctly.
• Please watch this video:
  https://github.com/user-attachments/assets/5f8e47c9-245f-4c40-b6b9-ad6061c7e9b0

Expected result:
The element should resize in the direction it is dragged, maintaining expected behavior for all edges and corners.