Enatega Customer + 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.
Also restrict the user to enter cuisine names with some words limits so it should not breaks the boundary.

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

Image

Desktop (please complete the following information):

OS: [e.g. Windows 11]
Browser [e.g. chrome,]
Version [e.g. Latest]
Smartphone (please complete the following information):

Device: [e.g. Infinix Hot 50]
OS: [e.g. Android]
Browser [e.g. Application]
Version [e.g. 14]
Additional context
Add any other context about the problem here.

Inizia nell’applicazione Enatega Customer riproducendo il problema tramite il menu Restaurants e la sezione Browse categories. Traccia la visualizzazione delle cucine e i punti di ingresso per l’inserimento dei nomi delle cucine, quindi verifica che i nomi lunghi rimangano all’interno del quadrato dell’immagine, che il layout rimanga responsive e che gli input troppo lunghi siano limitati come descritto.

Scritto dal modello di indicizzazione a partire dal testo della issue.