Arrow icon (chevron) inside Sidebar.Collapse is not accessible via props or the flowbite theme

[MaSchVam]

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Summary

The chevron/arrow icon in the <Sidebar.Collapse /> component appears to be hardcoded. It would be nice to have a component prop or a property in the theme that could apply a class to this, based on whether or not it is open.

[rluders]

Some possible AI for this issue:

• Add new properties here: chevronIcon and renderChevronIcon;
  • Define a default value for chevronIcon;
  • renderChevronIcon should receive the theme + open state as args;
• Expand the theme by adding the chevronIcon with on and off styles;
  • Theme for on and off must rotate the chevronIcon;
  • Add some animated transitions to smooth rotation;