SectionWrapper from SidebarList returns chakra.button which incorrectly has type='submit' by default. This triggers any form if nested within a FormProvider

[austinwoon]

In SectionWrapper we return the default HTML button element which has type=submit

This results in an unintended side-effect if Sidebar was rendered within a FormProvider as clicking any of the buttons would incorrectly trigger a submit action

To reproduce

• Nest Sidebar within an instantiated FormProvider
• Have an item be a button. In my case, i stated label to have SectionWrapper element render as a button
• Click on button, see that form submit event triggers

Recommended fix

• Forward a default prop for button for type=button
  • I tried to do this but could not find a clean way to forward props over without having to create 2 wrappers.