- added page managebandi;

- improved styles of the pages and sections;

src/assets/scss/components/appForm.scss

@@ -0,0 +1,10 @@
+.appForm {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+.appForm__field {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}

src/assets/scss/components/appPage.css

@@ -1,22 +0,0 @@
-.appPage {
-    display: flex;
-    flex-direction: column;
-
-    h1 {
-        color: var(--primary-color);
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: normal;
-        margin: 28px 0;
-    }
-
-    h2 {
-        color: var(--Black);
-        font-size: 21px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: normal;
-        margin: 24px 0;
-    }
-}

src/assets/scss/components/appPage.scss

@@ -0,0 +1,67 @@
+.appPage {
+    display: flex;
+    flex-direction: column;
+
+    h1 {
+        color: var(--primary-color);
+        font-size: 28px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+    }
+}
+
+.appPageSection {
+    display: flex;
+    flex-direction: column;
+
+    h2 {
+        color: var(--Black);
+        font-size: 21px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        margin: 0 0 24px;
+    }
+}
+
+.appTableHeader {
+    display: flex;
+    justify-content: space-between;
+}
+
+.appPage__pageHeader {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    padding: 28px;
+
+    h1, h2, h3 {
+        margin: 0;
+    }
+
+    p, span {
+        color: var(--text-color-secondary);
+        font-size: 17.5px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 120%;
+        margin: 0;
+    }
+    
+    span {
+        margin-left: 10px;
+        text-transform: uppercase;
+    }
+}
+
+.appPage__spacer {
+    width: 100%;
+    padding: 24px 0;
+}
+
+.appPageSection__actions {
+    display: flex;
+    gap: 24px;
+    margin-bottom: 24px;
+}

src/assets/scss/components/bandoStatusTag.scss

@@ -0,0 +1,7 @@
+.bandoStatusTag {
+  text-transform: uppercase;
+  font-size: 10.5px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 150%;
+}

src/assets/scss/components/statsBigBadges.scss

@@ -1,7 +1,4 @@
 .statsBigBadges {
-    display: flex;
-    flex-direction: column;
-    padding: 24px 0;
 }
 .statsBigBadges__grid {
     display: grid;