Bug: Accordion Component Has Jerky/Non-Smooth Animation

**Describe the bug**
The accordion component has laggy/jerky animation when expanding or collapsing. The transition is not smooth and causes a noticeable jerk during the animation, which negatively impacts the user experience.

**To Reproduce**
Steps to reproduce the behavior:
1. Navigate to any page with an accordion component
2. Click on an accordion item to expand or collapse it
3. Observe the animation during the transition
4. See the laggy/jerky behavior

**Expected behavior**
The accordion should expand and collapse with a smooth, fluid animation without any jerkiness or lag.

**Are you going to work on fixing this?**
- [x] Yes
- [ ] No

https://github.com/user-attachments/assets/27fc0430-94b8-48c8-a093-579b3d6c6a69