- added form edit page;

- saving progress with the builder;

src/assets/scss/components/formBuilder.scss

@@ -0,0 +1,74 @@
+.formBuilder {
+  display: flex;
+  gap: 20px;
+  width: 100%;
+  min-height: 500px;
+}
+
+.formBuilder__main {
+  flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+
+  h2 {
+    color: #404D5B;
+    font-size: 21px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+  }
+}
+
+.formBuilder__content {
+  flex-grow: 2;
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  padding: 20px;
+  border: 1px #DDD;
+  background: var(--surface-50);
+  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.10);
+}
+
+.formBuilder__element {
+  display: flex;
+  padding: 10px 20px;
+  border: 1px dashed var(--button-secondary-borderColor);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 21px;
+}
+
+.formBuilder__aside {
+  flex: 0 0 250px;
+  display: flex;
+  flex-direction: column;
+
+  h2 {
+    color: #404D5B;
+    font-size: 21px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+  }
+}
+
+.formBuilder__list {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+
+  li {
+    display: flex;
+    padding: 10px 20px;
+    border: 1px dashed var(--button-secondary-borderColor);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 21px;
+  }
+}

src/assets/scss/theme.scss

@@ -109,4 +109,5 @@ body {
 @import "./components/statsBigBadges.scss";
 @import "./components/bandoStatusTag.scss";
 @import "./components/appForm.scss";
-@import "./components/pageBando.scss";
+@import "./components/pageBando.scss";
+@import "./components/formBuilder.scss";