Improve dropdown behavior on badges.layer5.io #71

Current Behavior

I was reviewing the page https://badges.layer5.io/ and noticed a couple of UX improvements that could enhance the user experience:

1. Dropdown behavior (General & Certificate sections)
   Currently, multiple dropdowns can be open at the same time.
   Suggestion : Ensure that when one dropdown is opened, any previously opened dropdown closes automatically.
2. Adding a smooth opening and closing animation could also make the interaction more engaging.

I was inspired by this page https://layer5.io/careers/programs

Implementation

Acceptance Tests

Mockups

Contributor Guide

• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)