message: Fixed collapsed state when item is active on <Sidebar />
diff: @@ -3,6 +3,7 @@ import AnimateHeight from 'react-animate-height';
  import cn from 'classnames';
  import { Icon, Label, Tooltip } from 'components/atoms';
  import { useLayoutState } from 'components/organisms/Layout/context';
  +import { GenericObject } from 'types';
  export const Item: React.FC<{
  className?: string;
  @@ -19,6 +20,18 @@ export const Item: React.FC<{
  const { toggled } = useLayoutState();
  const [collapsed, setCollapsed] = React.useState(false);
  + React.useEffect(() => {
  + setCollapsed(active || false);
  +
  + React.Children?.forEach(children as GenericObject[], (child) => {
  + child?.props?.children?.forEach((element) => {
  + if (element?.props?.children?.props?.active) {
  + setCollapsed(true);
  + }
  + });
  + });
  + }, [children]);
  +
  const onClickHandler = (): void => {
  if (!disabled) {
  if (children) {
  