[BUG]: overflow issue in the left sidebar

[Sakshi7654]

Component

sidebar

What happened?

In the sidebar (React components section), some longer item names such as
animated-register-form or app-download-navbar are not displaying properly.
They either:

Wrap awkwardly into two lines, or
Get partially hidden due to limited sidebar width.
This breaks visual alignment and reduces readability.

Expected behavior

Each sidebar item should be fully visible or truncated gracefully with an ellipsis (...) if it overflows.
The text should not break into multiple lines.
On hover, a tooltip could show the full name for longer items.

Steps to reproduce

Observe how the text wraps or clips within the sidebar.

What browsers are you seeing the problem on?

Microsoft Edge

Additional context

No response

[Sakshi7654]

Kindly assign this to me

[alirezazim03]

@Sakshi7654 done!