fix: fix main page scroll

src/components/ApplicationLayout/ApplicationLayout.tsx

@@ -1,12 +1,14 @@
 import { FC, ReactNode } from 'react';
 
+import { useUnit } from 'effector-react';
+import { ThemeProvider } from '@gravity-ui/uikit';
 import { cn } from '@bem-react/classname';
+import { $theme } from '@/model';
+
 import '@gravity-ui/uikit/styles/fonts.css';
 import '@gravity-ui/uikit/styles/styles.css';
 
 import './ApplicationLayout.css';
-import { $theme } from '@/model';
-import { useUnit } from 'effector-react';
 
 const bem = cn('ApplicationLayout');
 
@@ -17,5 +19,9 @@ type ApplicationLayoutProps = {
 export const ApplicationLayout: FC<ApplicationLayoutProps> = ({ children }) => {
   const theme = useUnit($theme);
 
-  return <div className={bem(null, ['g-root', `g-root_theme_${theme}`])}>{children}</div>;
+  return (
+    <ThemeProvider theme={theme}>
+      <div className={bem()}>{children}</div>
+    </ThemeProvider>
+  );
 };

src/components/Header/Header.css

@@ -1,9 +1,16 @@
 .Header {
+  position: sticky;
+  top: 0;
+
   padding: var(--g-spacing-4) var(--g-spacing-8);
 
   display: flex;
   gap: var(--g-spacing-6);
   justify-content: space-between;
+
+  background: var(--g-color-base-background);
+
+  z-index: 1;
 }
 
 .Header-Left,

src/components/ProjectLayout/ProjectLayout.css

@@ -4,6 +4,9 @@
   flex: 1;
   min-height: 0;
   background-color: var(--g-color-base-background);
+
+  max-height: 100vh;
+  box-sizing: border-box;
 }
 
 .ProjectLayout-Content {

src/index.css

@@ -1,9 +1,6 @@
 html,
 body,
 .root {
-  overflow: hidden;
-
-  height: 100%;
   margin: 0;
   padding: 0;
 }