Fix/tooltip overflow issue

[jatin78600]

Issue:

Fixes #3882
The tooltip in the Collections table was overflowing its container, causing a horizontal scrollbar. I fixed this by:
-> Changing the tooltip anchor from left to right.
-> Setting a max-width and enabling white-space: normal so long text wraps correctly.

##demo

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• has no typecheck errors (npm run typecheck)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123
• meets the standards outlined in the accessibility guidelines

[welcome]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[jatin78600]

please merge. this one sir .

[jatin78600]

I fix it sir pls review it and merge it