UI: Allow Workflow List columns to be resized

[agilgur5]

Summary

Add the ability to resize the columns in the Workflow List.

At least a few users on Slack have asked for this and I mentioned it in https://github.com/argoproj/argo-workflows/issues/11949#issuecomment-1749031448, so figured I'd write up an issue for it.

Use Cases

1. The first Slack thread is particularly relevant -- with custom columns (#10693), you can have more than 12 of the responsive columns and can't specify how many responsive columns an attribute should take.
2. Per that thread, you also can't remove or shrink any columns that you may not feel are that useful for your use-case.
3. You have long names/messages or short ones that could respectively use more or less space.

Implementation Details

We can use a resizable React component for this to allow each column to be resized to a desired width. Resizing to 1px is basically the same as removing as well.

It would be ideal to store the sizes to localStorage so that the UI "remembers" the user's preferences when they come back to the Workflows List page.

---

Message from the maintainers:

Love this enhancement proposal? Give it a 👍. We prioritize the proposals with the most 👍.

[krotz-dieter]

Thanks very much for opening the issue, this would help us very much ! 👍

[JoKuebler]

We can use a resizable React component for this to allow each column to be resized to a desired width. Resizing to 1px is basically the same as removing as well.

@agilgur5 is this something we could use for that?

https://www.npmjs.com/package/react-resizable

[agilgur5]

That's one option. I intentionally did not list a specific dep as there's a few different components available that should be compared/evaluated