Enatega Customer iOS + Admin Dashboard : Cuisine names are overflowing beyond the image square's boundary, breaking the UI.

Describe the bug
Cuisine names are overflowing beyond the image square's boundary, breaking the UI. Also restrict the user to enter cuisine names with some words limits so it should not breaks the boundary.

To Reproduce
Steps to reproduce the behavior:

Go to Enatega Customer application
Click on 'Restaurants' menu button.
Now see at the Top of screen restaurants see error Browse categories scroll-bar where Cuisine names are overflowing beyond the image square's boundary, breaking the UI.
Expected behavior

The cuisine names should stay within the image square and not overflow.
If the text is too long, it should either wrap properly or be truncated with "...".
The design should remain responsive for different screen sizes.

Screenshots

Image

Smartphone (please complete the following information):

Device: [e.g. iPhone13]
OS: [e.g. iOS18]
Browser [e.g. Application]
Version [e.g. latest]

Start in the Enatega Customer application at the Restaurants menu, then inspect the Browse categories area where cuisine names overflow the image square. Reproduce the issue with a long cuisine name on different smartphone screen sizes, and consider the related cuisine-name entry behavior in the Admin Dashboard. Done means names stay within their square by wrapping or truncating, and long entries do not break the responsive UI.

Written by the indexing model from the issue text.