feat: add column resize feature to table

[zemirco]

Prerequisites

• I know how to contribute a proper feature request.
• I agree to follow the Code of Conduct.
• I have searched for existing feature requests that already request this feature, without success.

Describe the feature request

It would nice to be able to resize the columns of a table.

Describe the use case

When we have many columns and screen width is limited we typically use the ellipsis feature to strip information that is too long, e.g. Nahrungsmittelunverträglichkeit becomes Nahrungsmitte....

As a user I would like to understand what's behind those column as sometimes it might be unknown when the user is not a specialists in a certain domain or the title is too short and the context is missing, e.g. Nahrung....

In such a case it would be nice to increase the column width to see more information.

Describe preferred solution

• user should be able to decrease column width
• user should be able to increase column width
• when user double clicks on resizer the column width should automatically adjust to largest content
• the developer should still be able to set a min and max width

Describe alternatives

https://adazzle.github.io/react-data-grid/#/common-features

https://mui.com/x/react-data-grid/

https://reactdatagrid.io/demo

https://www.ag-grid.com/react-data-grid/column-sizing/

https://www.telerik.com/kendo-react-ui/components/grid/columns/resizing/

https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid-column-resizing

https://ej2.syncfusion.com/react/demos/?_gl=1*nt9t34*_ga*MTYyNjIyNDcwMC4xNjczNTk5Nzkw*_ga_WC4JKKPHH0*MTY3MzU5OTc5MC4xLjAuMTY3MzU5OTc5MC4wLjAuMA..&_ga=2.12839479.1625363014.1673599790-1626224700.1673599790#/material/grid/column-resizing

https://blueprintjs.com/docs/#table/features

Related code

This is related to the table umbrella feature #469.

Additional information

No response