frontend: Enhance Table component with column resizing functionality

[zcyc]

fix #2652
Dear maintainers, this is my first time contributing code to this project, please forgive me if there are any problems. Thank you for your work.

[sniok]

Hi, thanks for opening a PR!

When I tried it, it behaves a bit weird, there's something wrong with the resizing

Recording.2025-01-23.135103.mp4

I'm guessing it's because of the custom table layout we're using so it might be a lot harder to get it right

[zcyc]

Hi, I have tried several different solutions. The reason why the columns next to each other change with the adjustment is that the width of the table is fixed. If we want to ensure that the adjustment does not affect other columns, i cannot fix the width of the table. Adjusting the column width will cause the page to stretch. We can discuss which solution is better.

In the first solution, I found that the mouse position and the operation handle position are different, and the column width will jump with the text wrapping and unwrapping.

2025-01-24.11-31-00.mp4

[zcyc]

I pushed the code for the second solution to pr, but I can't fix the width of the page. Maybe all the places where it is used need to be changed, which will be a big change. I'm not sure whether to continue.