hhhhhhh

📌 Description

Currently, the EPICS section in the sidebar is a single clickable field, which limits navigation clarity. To improve usability and provide structured access, we need to implement a dropdown menu under EPICS with submenu items.

This will allow users to directly navigate to specific sections (Events/Campaigns, Promotions, Issues, Surveys) while keeping the selected option clearly highlighted for better user experience.

This will cover:

Sidebar navigation (expand/collapse for EPICS).

Submenu items (Events/Campaigns, Promotions, Issues, Surveys).

Highlight state for the active submenu.

Sync between sidebar highlight and main content highlight.

📍 Current Behavior

EPICS is a single static field in the sidebar.

No dropdown or submenu navigation exists.

Highlight state only applies to top-level sidebar items, not submenu items.

🚀 Expected Behavior

Clicking EPICS toggles a dropdown.

Dropdown contains submenu items: Events/Campaigns, Promotions, Issues, Surveys.

Clicking a submenu item highlights it in the sidebar (similar to dashboard card highlight).

Only one submenu item is highlighted at a time.

Highlight persists until another submenu item is selected.

🎯 Implementation Roadmap

🔹 Phase 1 – Sidebar Structure Update

Add dropdown functionality to EPICS (expand/collapse).

Define submenu items under EPICS.

🔹 Phase 2 – Highlight Functionality

Implement active state styling for submenu items.

Ensure only the clicked submenu remains highlighted.

🔹 Phase 3 – Navigation Sync

Link submenu items to their respective dashboard sections.

Ensure card highlight and sidebar highlight remain consistent.

🔹 Phase 4 – Persistence & UX

Persist active submenu state during navigation.

Ensure clean collapse/expand behavior of EPICS.

🔹 Phase 5 – Testing & QA

Verify dropdown expand/collapse.

Confirm highlight works for all submenu items.

Validate navigation redirection to the correct section.

✅ Acceptance Criteria

EPICS expands into a dropdown with submenu items.

Submenu items: Events/Campaigns, Promotions, Issues, Surveys are available.

Clicking a submenu item highlights it in the sidebar.

Only one submenu can be highlighted at a time.

Sidebar highlight matches main content highlight.

No files or tests are named. Start by locating the sidebar EPICS entry and the dashboard sections or cards for Events/Campaigns, Promotions, Issues, and Surveys. Review the existing navigation and highlight behavior, then verify that EPICS expands and collapses, one submenu remains active, and the sidebar and main-content highlights stay synchronized.