[Feature] Improve UX for "Explore CC" Dropdown (Smooth Transitions and Better Interaction)

## Problem
The **"Explore CC"** dropdown currently opens and closes immediately without any smooth transitions. This behavior, while functional, does not align with modern UI/UX standards. Additionally, the **"Explore CC"** button moves its position when toggled, which may disrupt the user's focus and create a less intuitive experience.

Current implementation:

https://github.com/user-attachments/assets/df568932-e29d-47d1-8627-b2eac745fe0a

## Description
Enhancing the dropdown with smooth CSS transitions would make the experience feel more polished and visually pleasing. Additionally, keeping the **"Explore CC"** button static or improving its interaction with the dropdown could ensure a more cohesive user experience.

## Additional context
This enhancement will make the interaction feel more polished and user-friendly.

## Implementation
- [x] I would be interested in implementing this feature.

Locate the implementation of the “Explore CC” dropdown and inspect its current open/close styles and button positioning. Add smooth transitions and preserve a stable button position, then verify that opening, closing, and interacting with the dropdown feel consistent.

Written by the indexing model from the issue text.