Updates to UI, Update NLog to 4.4.12

frontend/src/Styles/Mixins/cover.css

@@ -1,4 +1,4 @@
-.cover {
+@define-mixin cover {
   position: absolute;
   top: 0;
   left: 0;

frontend/src/Styles/Mixins/linkOverlay.css

@@ -1,5 +1,5 @@
-.linkOverlay {
-  composes: cover from 'Styles/Mixins/cover.css';
+@define-mixin linkOverlay {
+  @add-mixin cover;
 
   pointer-events: none;
   user-select: none;

frontend/src/Styles/Mixins/scroller.css

@@ -1,17 +1,17 @@
-.scrollbar {
+@define-mixin scrollbar {
   &::-webkit-scrollbar {
     width: 6px;
     height: 6px;
   }
 }
 
-.scrollbarTrack {
+@define-mixin scrollbarTrack {
   &&::-webkit-scrollbar-track {
     background-color: transparent;
   }
 }
 
-.scrollbarThumb {
+@define-mixin scrollbarThumb {
   &::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 1px solid transparent;

frontend/src/Styles/Mixins/truncate.css

@@ -10,7 +10,7 @@
  *    occur.
  */
 
-.truncate {
+ @define-mixin truncate {
   overflow: hidden !important;
   max-width: 100%; /* 1 */
   text-overflow: ellipsis !important;