- added login page;

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

src/assets/scss/components/layout.scss

@@ -0,0 +1,89 @@
+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:not(.p-error), textarea, a, li, h1, h2, h3, h4, h5, h6, div, th, td, button {
+    font-family: 'Montserrat';
+    color: var(--global-textColor);
+  }
+}
+
+#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;
+          }
+
+          span {
+            color: var(--menuitem-active-color);
+          }
+        }
+      }
+    }
+  }
+
+  > main {
+    flex: 1 1 auto;
+    box-sizing: border-box;
+    padding: 0 24px 50px;
+  }
+}