Change ItemTableFilter text overflow behavior

[wrigh393]

Currently, if the text for an ItemTableFilter is larger than its parent it overflows outside of the filter itself.

Steps to reproduce the behavior:
Got to ItemTable
Open an item in the table
See the error

The expected behavior is to have the text-overflow be an ellipsis (ex. Last update...).

Current behavior:

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version: 86.0.4240.111

[wrigh393]

This issue was fixed by using the useFlexLayout prop from react-table which renders headers and cells as inline-block divs where width is used as the flex-basis and flex-grow.