Improve the inlineEdit component to scale width with the column width of table

[wouter1975]

This component seems to have a fixed width, which in two situations leads to undesired heavior:

• When the column width is smaller than the text of the cell, the edit function is not (fully) visible when hoovering over the cell or when the component is in edit mode

• If the text of the table cell longer than visually supported by the component, it will cut off the text, even though the column is much wider.

Proposed solution:

• Scale the component width with the table column width

When hoovering above the cell

• Always show the pencil, if needed change the text to text-overflow to create space for the pencil icon

When clicked on cell text, component is in edit mode

• Always show the cancel/ok buttons, if needed change the text to text-overflow to create space for the buttons