Menu Navigation Click Area Too Small (Only Arrow is Clickable)

### Description
The sidebar navigation menu currently allows interaction **only through the arrow icon** on the right side of each menu item.

Clicking on the **menu text itself does not trigger any action** (such as opening a page or expanding a submenu). This creates confusion for users because the menu item visually appears clickable.

From a UX perspective, users expect the **entire menu row (text + arrow)** to be clickable.

### Problem
- Only the **arrow icon** responds to clicks.
- Clicking the **menu label text does nothing**.
- This makes the interface feel broken or unresponsive.
- Users may think the menu is not working.

### Expected Behavior
The **entire menu item area** should be clickable.

This includes:
- The menu text
- The arrow icon
- The full horizontal row

Clicking anywhere on the row should:
- **Open the page** if it is a link
- **Expand/collapse the submenu** if it contains nested items

### Suggested Fix
Make the **entire menu row clickable** by attaching the click event to the container element instead of only the arrow icon.