feat: editor-code component

client/scss/layout/_header.scss

@@ -1,36 +0,0 @@
-
-#header-container {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	z-index: 4;
-}
-
-#header {
-	z-index: 5;
-}
-
-#notifload {
-	width: 42px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	opacity: 0;
-	transition: opacity .5s ease;
-
-	&::before {
-		content: " ";
-		@include spinner(mc('indigo', '100'),0.5s,24px);
-	}
-
-	&.is-active {
-		opacity: 1;
-	}
-
-}
-
-#search-input {
-	max-width: 300px;
-	width: 33vw;
-}

client/scss/layout/_loader.scss

@@ -1,50 +0,0 @@
-.page-loader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: mc('blue-grey', '800');
-  z-index: 100;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: mc('blue-grey', '100');
-  font-weight: 300;
-  font-size: 18px;
-  flex-direction: column;
-
-  > i {
-		width: 48px;
-		height: 48px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-    margin-bottom: 25px;
-
-		&::before {
-			content: " ";
-			@include spinner(mc('blue-grey', '200'), 0.4s, 48px);
-		}
-	}
-
-  &-leave-active {
-    animation: pageLoaderExit 1s ease forwards;
-  }
-
-  @include keyframes(pageLoaderExit) {
-    0% {
-      opacity: 1;
-    }
-    99% {
-      display: flex;
-      opacity: 0;
-      transform: scale(1.1, 1.1);
-    }
-    100% {
-      opacity: 0;
-      display: none;
-    }
-  }
-
-}