Fix overlap between the alert message and the close button in Media library Modal and improperly Grid and Table tabs styling by the Gin Admin theme

Problem/Motivation

Media library Modal issues

Steps to reproduce

1. Navigate to any landing page
2. Click on Tasks/Layout.
3. Click on Configure for any Media block, and remove the old media and click on Add Media.
4. Click on Select files, then upload an image and try to remove it from the Remove button.
5. You will see the overlap between the alert message and the close button.
6. Now, scroll down a little bit, You will see the Grid and Table tabs styling appear improperly

Proposed resolution

Switch to word-break: break-word; to work with the Gin Admin theme

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.0.0-rc2, varbase_media-10.0.0-rc3

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

After the fix

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3420059 by Rahaf Albawab: Fixed overlap between the alert message and the close button in Media library Modal and improperly Grid and Table tabs styling by the Gin Admin theme