URL: Enhance the way long URLs are handled in filterURLForDisplay

[hsingyuc]

Description

Fix #21100
Add an argument to truncate the URL by max length.

How has this been tested?

Additional tests were added to the url/src/test/index.tests.js file.

Screenshots

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.

[gziolo]

Thank you for your contribution. I like this proposal, it improves the experience when presenting the URL.

Could you refresh this branch because I see some CI checks failing. I hope it was only intermittent failures inherited from the main development branch. I see that all newly added unit tests pass so this should be good to go. By the way, excellent job covering new functionality with tests.

[gziolo]

I must admit that the logic introduced is very complex, but the issue isn't simple as well. Fortunately, the tests added made me comfortable accepting this PR.

Let's land this enhancement. Thank you 🎉

[github-actions]

Congratulations on your first merged pull request, @hsingyuc! We'd like to credit you for your contribution in the post announcing the next WordPress release, but we can't find a WordPress.org profile associated with your GitHub account. When you have a moment, visit the following URL and click "link your GitHub account" under "GitHub Username" to link your accounts:

https://profiles.wordpress.org/me/profile/edit/

And if you don't have a WordPress.org account, you can create one on this page:

https://login.wordpress.org/register

Kudos!

[kvf420]

This improvement should be extended to other file types. Currently, any long URL that isn't an image creates horizontal scrolling in the popover making edit button inaccessible.