feat: changed initial page layout

src/webparts/requestPortal/components/RequestPortal.module.scss

@@ -23,8 +23,8 @@
   // Корень занимает 100% контейнера, без CSS-трюков с 100vw.
   width: 100%;
 
-  // Только вертикальные отступы; горизонтальные — на внутренних секциях.
-  padding: $sp-4 $sp-5 $sp-8;
+  // App-shell «edge-to-edge»: рейл примыкает к левому краю, отступы — внутри main.
+  padding: 0;
 }
 
 .teams {
@@ -32,44 +32,41 @@
   font-family: $font-sans;
 }
 
-// Раскладка: боковое меню (side) + основная область (main).
+// Раскладка: боковой рейл (side) на всю высоту + основная область (main).
 .layout {
   display: flex;
-  align-items: flex-start;
-  gap: $sp-6;
+  align-items: stretch; // рейл тянется на высоту контента
   width: 100%;
-  max-width: 1600px;
-  margin: 0 auto;
+  min-height: 78vh; // «присутствие» рейла даже когда контента мало
+}
+
+// Рейл-колонка: сам SideNav тянется по высоте (flex-стретч).
+.side {
+  flex: 0 0 auto;
+  display: flex;
 }
 
 .main {
   flex: 1 1 auto;
   min-width: 0; // чтобы контент не распирал колонку
+  display: flex;
+  flex-direction: column;
+  padding: $sp-5 $sp-6 $sp-8;
 }
 
-// Ширину задаёт само меню (SideNav сворачивается) — колонка просто под него.
-.side {
-  flex: 0 0 auto;
-  position: sticky;
-  top: $sp-4;
-}
-
-// Та же ширина, что у контента подачи (SubmitFeature .content) — чтобы вкладки
-// не уезжали шире формы под ними.
 .tabsWrap {
-  max-width: 1080px;
   margin-bottom: $sp-6;
 }
 
-// На узких экранах меню уходит наверх, в одну строку.
+// На узких экранах рейл уходит наверх.
 @media (max-width: 900px) {
   .layout {
     flex-direction: column;
+    min-height: 0;
   }
 
   .side {
     width: 100%;
-    position: static;
   }
 }