Add correct behavior to user navbar dropdown (#43)

Previously the user navbar dropdown would not close on click when open,
this fix let it work as expected

Author: giorgioverzicco

src/lib/Layout/PanelSideBarLayout/PanelSideBarLayout.tsx

@@ -28,6 +28,8 @@ export const PanelSideBarLayout = (props: PanelSideBarLayoutProps) => {
   const [isOpen, setIsOpen] = useState(true);
   const toggleSidebar = () => setIsOpen((prev) => !prev);
 
+  const [isUserOpen, setIsUserOpen] = useState(false);
+
   const {
     brand: contextBrand,
     footer: contextFooter,
@@ -59,8 +61,8 @@ export const PanelSideBarLayout = (props: PanelSideBarLayoutProps) => {
           ))}
           {/* <NavbarUser /> */}
           <NavItem>
-            <UncontrolledDropdown direction="start">
-              <DropdownToggle nav className="user-dropdown">
+            <UncontrolledDropdown direction="start" isOpen={isUserOpen}>
+              <DropdownToggle nav className="user-dropdown" onClick={() => setIsUserOpen(!isUserOpen)}>
                 {userDropDownMenuToggle}
               </DropdownToggle>
               <div>