fix: imp modals

package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-activity-team-tracker",
-  "version": "0.4.9",
+  "version": "0.4.10",
   "private": false,
   "description": "The tool visualize git activities, for teams, users, repositories",
   "author": "Maxim Karpov <[email protected]>",
@@ -113,6 +113,7 @@
     "react-spring": "^8.0.27",
     "react-toastify": "^6.0.5",
     "react-virtualized": "^9.21.2",
+    "@reach/dialog": "^0.11.2",
     "recharts": "^2.0.0-beta.5",
     "safe-eval": "^0.4.1",
     "simple-peer": "^9.7.0",

src/app/Layout/AppLayout.tsx

@@ -239,7 +239,7 @@ const TopMenu: React.FC = observer(() => {
 
 export const AppLayout: React.FC = observer(({ children }) => {
   const service = React.useContext(LayoutService);
-  const scrollable = service.scrollable && service.nonScrollableStack === 0;
+  const scrollable = service.scrollable;
   return (
     <>
       <ToastContainer

src/components/Layout/LayoutService.ts

@@ -28,7 +28,6 @@ export interface LayoutConfig {
   topbar?: boolean;
   footer?: boolean;
   scrollable?: boolean;
-  nonScrollableStack?: number;
   sidebarCollapsed?: boolean;
   sidebarOpened?: boolean;
   change?: (config: LayoutConfig) => void;
@@ -37,7 +36,6 @@ export interface LayoutConfig {
 export const LayoutService = createService(
   () => {
     const state = useLocalStore<LayoutConfig>(() => ({
-      nonScrollableStack: 0,
       ...defaultState,
       change: (config: LayoutConfig) => {
         const newObj = {