Implement Reusable Accordion Component Using Salt Design System

[PrityanshuSingh]

What does this PR do?

This PR introduces a reusable accordion component built using the Salt Design System. The component supports various configurations, such as expandable/collapsible functionality, customizable headers, and dynamic content rendering. It accommodates different content types, ensuring full responsiveness and accessibility features.

Fixes #66

Summary of Changes

• Implemented the accordion component using Salt Design System components.
• Added configurations for expandable and collapsible behavior, customizable headers, and dynamic content rendering.
• Provided default styling with options for customization (colors, fonts, animations).
• Ensured full responsiveness for different screen sizes.

Videos/Demos

https://github.com/user-attachments/assets/46a3d160-c7d3-43f2-a745-6a8e62ba873e

Type of Change

• [x] New feature (non-breaking change which adds functionality)
• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] Chore (refactoring code, technical debt, workflow improvements)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How should this be tested?

• [x] Test A: Verification of expand/collapse functionality.
• [x] Test B: Responsiveness on different devices.

Mandatory Tasks

• [x] Self-reviewed the code for quality and consistency.
• [x] Included default styles with customization options.
• [x] Added unit tests for core functionalities and edge cases.

Unit Test Coverage

• Test for expandable and collapsible behavior.
• Test for handling edge cases, such as no content or missing configuration.
• Test for responsiveness across different screen sizes.

Additional Context

The accordion component is designed to integrate seamlessly into different projects without relying on external libraries. It ensures customization flexibility, maintaining consistency with the Salt Design System while providing an accessible and responsive user experience.

[github-actions[bot]]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! 🚀

[PrityanshuSingh]

Great!! Looks awesome. Thank you for your contribution and feel free to explore the project furthur. 🚀

@Devamani11D ,Thanks for merging the PR, Please consider assigning me label of gssoc-ext level3 and hacktoberfest-accepted in the PR.

Much like this, it would be of great help if you assign me along with labels in PR too because I think gssoc considers PR labels for grading the contributers.

[PrityanshuSingh]

@Devamani11D Thanks for adding the labels, Could you please assign me PR #68, otherwise its labels will not reflect in the gssoc leaderboard.