Table/ResizeHandler behavior

[Feshchenko]

Description

I how to specify all issues here. You can split it into several issues because everything for tables fills broken and not polished :)

• generated styles for table-cell is super bad (resizable handle is not limited by cell size, why use before border instead of td, th border directly)

• you can resize table outside the editor border

https://github.com/udecode/plate/assets/7198398/af3700f6-d69d-4bae-802a-e68ca0c71e68

• also resize/hover is super broken for not equal number of cells

https://github.com/udecode/plate/assets/7198398/7f6d7a01-c109-4923-96ad-4d8ab4e8720b

Steps to Reproduce

1. open https://platejs.org/
2. scroll to tables
3. try to resize and hove to resize handlers

Adding to project steps:

1. add table-element, table-row-element, table-cell-element, table-toolbar-dropdown to the project
2. add table during editing
3. try to resize

Sandbox

https://platejs.org/

Expected Behavior

• resize handlers have correct styling
• you can't resize table outside of the editor border
• correct resizing for not equal cells rows

Environment

• plate: latest
• slate: latest
• slate-react: latest
• browser: chrome

Bounty

Click here to add a bounty via Algora.

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified