feat: changed folder structure for the secod dev

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

@@ -27,58 +27,45 @@
   padding: $sp-4 $sp-5 $sp-8;
 }
 
-// Центрированная колонка контента. 1080px — ширина контента из дизайн-системы
-// (как .sec в референсе): форма и плитки читаются аккуратно, не растягиваясь.
-.content {
-  width: 100%;
-  max-width: 1080px;
-  margin: 0 auto;
-}
-
 .teams {
   // Задел под специфику Teams-контекста; пока совпадает с базовым.
   font-family: $font-sans;
 }
 
-// ── Заглушка формы (до появления реальных форм) ──
-.formPlaceholder {
-  margin-top: $sp-6;
-  padding: $sp-8;
-  background: $white;
-  border: 1px solid $gray-200;
-  border-radius: $r-lg;
-  box-shadow: $sh-1;
+// Двухколоночная раскладка: формы (main) + постоянная панель (side).
+.layout {
+  display: flex;
+  align-items: flex-start;
+  gap: $sp-6;
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
 }
 
-.backButton {
-  display: inline-flex;
-  align-items: center;
-  gap: $sp-2;
-  margin-bottom: $sp-4;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: $navy-700;
-  font-family: $font-sans;
-  font-size: $fs-sm;
-  cursor: pointer;
-  transition: color .18s;
+.main {
+  flex: 1 1 auto;
+  min-width: 0; // чтобы контент не распирал колонку
+}
 
-  &:hover {
-    color: $gold-600;
+.side {
+  flex: 0 0 380px;
+  position: sticky;
+  top: $sp-4;
+  align-self: stretch;
+}
+
+// На узких экранах панель уходит под формы.
+@media (max-width: 900px) {
+  .layout {
+    flex-direction: column;
+  }
+
+  .side {
+    flex-basis: auto;
+    width: 100%;
+    position: static;
   }
 }
 
-.placeholderText {
-  font-family: $font-serif;
-  font-size: 18px;
-  color: $navy-900;
-}
-
-.loading {
-  margin-top: $sp-6;
-  padding: $sp-8;
-  color: $gray-500;
-  font-size: $fs-sm;
-  text-align: center;
-}
+// Стили конкретных фич живут в features/<name>/<Name>.module.scss.
+// Здесь — только оболочка (root + раскладка колонок), общая для всех фич.