[Bug]: `Tabbar` остается кликабельным при активном `PanelHeaderContext`

[iSa1vatore]

Скорее всего правильным поведением будет, если его скрыть под HeaderContext__fade или что-то вроде того и при нажатии на него HeaderContext будет закрываться.

Код для воспроизведения

import { useState } from "react";
import { createRoot } from "react-dom/client";
import {
  View,
  Panel,
  PanelHeader,
  AppRoot,
  AdaptivityProvider,
  ConfigProvider,
  PanelHeaderContext,
  Epic,
  Tabbar,
  TabbarItem,
  List,
  Cell,
} from "@vkontakte/vkui";
import "@vkontakte/vkui/dist/vkui.css";

const App = () => {
  const [opened, setOpened] = useState(false);

  return (
    <AdaptivityProvider sizeX="compact">
      <Epic
        activeStory="profile"
        tabbar={
          <Tabbar>
            <TabbarItem selected label="Профиль" />
            <TabbarItem label="Профиль 2" />
            <TabbarItem label="Профиль 3" />
          </Tabbar>
        }
      >
        <View id="profile" activePanel="profile">
          <Panel id="profile">
            <PanelHeader onClick={() => setOpened((prev) => !prev)}>
              Профиль
            </PanelHeader>
            <PanelHeaderContext
              opened={opened}
              fade
              onClose={() => setOpened((prev) => !prev)}
            >
              <List>
                <Cell>Communities</Cell>
                <Cell>Managed Communities</Cell>
              </List>
            </PanelHeaderContext>
          </Panel>
        </View>
      </Epic>
    </AdaptivityProvider>
  );
};

createRoot(document.getElementById("root")).render(
  <ConfigProvider>
    <AppRoot>
      <App />
    </AppRoot>
  </ConfigProvider>
);

[ArthurStam]

Спасибо, поправим

[thoughtspile]

repro: https://codesandbox.io/s/vkui-header-context-x-tabbar-bbwzz