Fixed sidebar not closing when searching

src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx

@@ -8,7 +8,7 @@ export default function DisclosureComponent({
   openDisc,
 }: DisclosureComponentType): JSX.Element {
   return (
-    <Disclosure as="div" key={title}>
+    <Disclosure as="div" defaultOpen={openDisc} key={title}>
       {({ open }) => (
         <>
           <div>
@@ -34,9 +34,7 @@ export default function DisclosureComponent({
               </div>
             </Disclosure.Button>
           </div>
-          <Disclosure.Panel as="div" static={openDisc}>
-            {children}
-          </Disclosure.Panel>
+          <Disclosure.Panel as="div">{children}</Disclosure.Panel>
         </>
       )}
     </Disclosure>

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -228,7 +228,7 @@ export default function ExtraSidebar(): JSX.Element {
             Object.keys(dataFilter[SBSectionName]).length > 0 ? (
               <DisclosureComponent
                 openDisc={search.length == 0 ? false : true}
-                key={index}
+                key={index + search}
                 button={{
                   title: nodeNames[SBSectionName] ?? nodeNames.unknown,
                   Icon: