- added login page;

- added file upload;
- added faq item edit modal;

src/assets/scss/theme.scss

@@ -12,6 +12,7 @@
   --card-borderColor-color: #EEC137;
   --button-secondary-borderColor: #C79807;
   --button-secondary-background: var(--menu-borderColor);
+  --global-textColor: #4B5563;
 
   --card-full-background-color-2: #EEC137;
   --card-full-background-color-3: #FA8E42;
@@ -19,95 +20,13 @@
   --card-full-background-color-1: #3B7C43;
 }
 
-html {
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-body {
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  margin: 0;
-  font-family: 'Montserrat';
-
-  p, span, input, label, textarea, a, li, h1, h2, h3, h4, h5, h6, div, th, td, button {
-    font-family: 'Montserrat';
-  }
-}
-
-#root, .wrapper {
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-}
-.inner {
-  display: flex;
-  height: 100%;
-  min-height: 0;
-  flex-grow: 1;
-
-  > aside {
-    flex: 0 0 320px;
-    border-right: 1px solid var(--menu-borderColor);
-
-    ul {
-      display: flex;
-      flex-direction: column;
-      list-style: none;
-      margin: 0;
-      padding: 0;
-
-      li a, li button {
-        display: flex;
-        padding: 10.5px 17.5px;
-        align-items: center;
-        gap: 7px;
-        width: 100%;
-        border: 0;
-        border-bottom: 1px solid var(--menu-borderColor);
-        color: var(--menuitem-color);
-        background-color: transparent;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 100%;
-        text-decoration: none;
-
-        &:hover {
-          cursor: pointer;
-        }
-
-        i {
-          color: var(--text-color-secondary);
-        }
-
-        &.active {
-          color: var(--menuitem-active-color);
-          background-color: var(--menuitem-active-background);
-
-          i {
-            color: white;
-          }
-        }
-      }
-    }
-  }
-
-  > main {
-    flex: 1 1 auto;
-    box-sizing: border-box;
-    padding: 0 24px 50px;
-  }
-}
-
+@import "./components/layout.scss";
 @import "./components/topBar.scss";
 @import "./components/appPage.scss";
 @import "./components/statsBigBadges.scss";
 @import "./components/bandoStatusTag.scss";
 @import "./components/appForm.scss";
 @import "./components/pageBando.scss";
-@import "./components/formBuilder.scss";
+@import "./components/formBuilder.scss";
+@import "./components/misc.scss";
+@import "./components/login.scss";