feat(Accordion):🎸 add animation in tailwind

[NsdHSO]

🛠️ Changes Made:

• Introduced dynamic styling using CSS variables, implementing a height animation effect for visual appeal.

🎉 Benefits:

• Enhances user engagement through playful and diverse content.

• Improves the visual experience with a smooth height animation effect

[agjs]

@NsdHSO The PR looks great. I have only one comment, and that is, let's keep the new class name that you introduced follow the general class names principles. Or in simple words, classes in CSS are always lowercased. Apart from that, it would also align with Tailwind utility classes.

So let's rename this heightAnimation to height-animation.

E.g.

animate-height-animation

Also, as you can see, I had to update the jest snapshot in the tests, so once you make this change, make sure to re-generate the snapshot, once you change the class name, otherwise, tests will fail.

Thanks a lot for putting in the time to do the PR. Hopefully, more will come 👍🏻.