Why do we need this improvement?

Currently, the dropdown icons next to “Docs,” “Tools,” and “Community” in the navigation bar do not visually change when the menu is expanded or collapsed. This behavior can be confusing to users, as it lacks visual feedback and doesn't follow common UX patterns for dropdowns.

How will this change help?

Improving this interaction by toggling the dropdown icon (e.g., down arrow ↓ to up arrow ↑ when expanded) will enhance clarity and user experience. It will also align the behavior with standard UI practices and make the site feel more polished and accessible.

Screenshots

How could it be implemented/designed?

By toggling a class or aria-expanded attribute on click, and rotating the arrow icon using CSS (e.g., transform: rotate(180deg)) to indicate open/close state.

🚧 Breaking changes

Yes

👀 Have you checked for similar open issues?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!