fix: Long column names are cut off in the "Manage Columns" menu

[Magdaraa]

New Pull Request Checklist

• I am not disclosing a vulnerability.
• I am creating this PR in reference to an issue

Issue Description

The tap that opens when clicking the "Manage Columns" menu has a fixed size and therefore cuts off long column names

Closes: #1892

Approach

Column name isn't cut off, tab is adapt to the width

I did it with help from @404-html

[parse-github-assistant]

Thanks for opening this pull request!

• 🎉 We are excited about your hands-on contribution!

[uffizzi-cloud]

This branch has been deployed using Uffizzi.

Preview URL:
https://pr-2353-deployment-12538-parse-dashboard.app.uffizzi.com

View deployment details here:
https://https://app.uffizzi.com/projects/5259/deployments

This is an automated comment. To turn off commenting, visit uffizzi.com.

[uffizzi-cloud]

Uffizzi Ephemeral Environment deployment-48847

⌚ Updated Mar 23, 2024, 15:22 UTC

☁️ https://app.uffizzi.com/github.com/parse-community/parse-dashboard/pull/2353

📄 View Application Logs etc.

What is Uffizzi? Learn more

[mtrezza]

@Magdaraa, thanks for the PR and apologies for the long wait for review. It looks good, just a few observations:

1. There is still space at the right side of the menu for the tab to expand, but it doesn't. If that is too difficult to enable, then no worries.
2. When a name is truncated abcdef... , it would be to truncate the middle of the string, like abc...xyz. This allows to distinguish two strings that are both truncated and are only different in the end.

Whatever you could improve of the above would be fantastic, otherwise we can also merge as is, as it's already an improvement from before. And the lint check fails, should be easy to fix.