Feature/accordion

[elhakimdev]

Description

Please include a summary of the changes you have made, including:

• What is the purpose of the PR?
• Why is this change necessary?
• How does this change improve the project?

Related Issue(s)

• Link to the issue this PR addresses (if applicable), e.g., Fixes #123 or Closes #456.
• If this is a feature request or enhancement, mention the related feature.

Changes

• List the major changes made in this pull request (e.g., added new feature, fixed bug, updated documentation).
• Include any details on functionality, configuration, or behavior that needs to be highlighted.

How to Test

Please describe how we can verify that your changes are working as expected. This could include:

• Steps to reproduce the issue and verify the fix
• Instructions on how to test the new feature
• Any environment or configuration requirements

Screenshots (if applicable)

If your change includes UI modifications, provide screenshots to showcase the change.

Checklist

• I have read the contributing guidelines.
• I have followed the code style and conventions of the project.
• My changes have been tested, and unit tests (if applicable) have been added/updated.
• I have updated the documentation as needed.
• I have tested my changes on multiple browsers/devices (if applicable).
• This PR does not include any breaking changes (if it does, please list them).

Additional Notes

Provide any additional information or context that reviewers should know about the pull request, such as performance considerations, compatibility, or design decisions.