Allow users to resize columns

• Type: Task
• Status: Closed
• Priority: Major
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Frontend Infrastructure, Pages > Page Editor
• Labels:
  • L
  • echo-board-out
• Epic/Theme:
  • FI_Additional_Work
• Epic Link: fi-page-editor-react
• Sprint: S03E16 - Madrid, S03E17 - Llanes, S03E18 - Córdoba
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/84251

We need to migrate existing behavior to allow resizing columns with drag and drop (see attached video):

• A resize handler is shown between each column in a row.
• When the resize handler is clicked (mousedown), a resize mask is shown with all the bootstrap columns as an overlay, highlighting the chosen size with a dashed red line.
• When the mouse is moved, the column that is on the left of the resize handler is resized accordingly along with it's content.
• When the mouse is released (mouseup), the resize mask disappears and the column is resized to the specified size (from 1 to 12, depending on the number of columns and the available space. 
• We should call the new "updateItemConfig" URL (defined here https://issues.liferay.com/browse/LPS-106544) to update the column size, which is a itemConfig value named "size".