Implement Reusable Carousel Template Using Salt Design

[PrityanshuSingh]

What does this PR do?

This PR introduces a reusable template using custom logic and Salt Design components, eliminating the need for react-slick or other external packages. It supports features such as autoplay, fade transitions, configurable slide counts, and arrow customization (color, background, and design). The component is designed to be flexible and supports rendering various content types such as text, images, or div containers. Full responsiveness and touch support are also included to ensure a smooth user experience across all devices.

Fixes #48

Summary of Changes

• Implemented a carousel component using Salt Design components.
• Added support like autoplay, fade, slidesToShow, arrows, and custom arrow designs.
• Ensured dynamic content rendering, allowing different content types (text, images, divs).
• Provided default styles with options for customization.
• Ensured responsiveness.

Videos

https://github.com/user-attachments/assets/3bcd2c9f-d77d-46f9-b5c7-00c4b2fd5f8a

https://github.com/user-attachments/assets/ce737915-4634-45be-9c69-409559ee892b

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: Basic rendering of different content types (text, image, div).
• [X] Test B: Verification of responsiveness and touch support.

Mandatory Tasks

• [x] Self-reviewed the code to ensure quality and consistency.
• [x] Provided default styling with options for customization.
• [x] Included unit tests for the main functionalities.

Unit Test Coverage:

• Test for proper rendering of different content types (text, images, divs).
• Test for functionality of autoplay, fade transition, and arrows.
• Test for handling edge cases such as no content or invalid configurations.
• Test for responsiveness and touch support on various screen sizes and devices.

[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]

Thanks a lot @Devamani11D, loved your project idea, looking forward to contribute more.