feat(MDS): Accordion component

[LagunaElectric]

Component: Accordion

Feature Request: The Accordion component is needed to create collapsible sections that allow users to expand or collapse content sections, optimizing space and providing a structured and interactive user interface.

Reasons for the Component:

• Content Organization: Accordion components facilitate the organization of content into collapsible sections, allowing users to focus on relevant information while reducing clutter and improving readability.
• User Control and Interactivity: Accordion sections enable users to expand or collapse specific content areas based on their preferences or the information they need, enhancing overall user control and interaction.
• Space Optimization: By using Accordions, we can optimize space utilization, particularly when dealing with content-heavy interfaces or when there is a need to present information in a hierarchical manner.

Variations and Special Options: The Accordion component should support the following variations and special options:

• Single or Multiple Panels: Provide options to configure the Accordion to allow the expansion of only one panel at a time or multiple panels simultaneously.
• Customizable Panels: Allow for customization of each panel's content, such as text, images, icons, or any other desired elements.
• Transition Effects: Include options for animation or transition effects when expanding or collapsing the Accordion panels to enhance the user experience.
• Default State: Support the ability to set a default state for the Accordion, either with all panels expanded, all collapsed, or a specific panel expanded by default.
• Keyboard Accessibility: Ensure the Accordion component is fully accessible using keyboard navigation, allowing users to navigate and control the panels using standard keyboard interactions.