🚧 Basic user profile style refactor.

frontend/resources/styles/main/layouts/library-page.scss

@@ -46,17 +46,24 @@
 }
 
 .library-header-navigation-item {
-    margin: 0 $size-4;
+    margin: 0 $size-6;
     color: $color-gray;
     text-transform: uppercase;
     border-bottom: 1px solid transparent;
     
-    &:hover, &.current {
+    &:hover {
+        color: $color-black;
+    }
+
+    &.current {
         color: $color-black;
         border-bottom: 1px solid $color-primary;
     }
+
 }
 
+
+
 .library-sidebar {
     background-color: $color-white;
     padding: $size-2;

frontend/resources/styles/main/layouts/main-layout.scss

@@ -28,6 +28,25 @@
   }
 }
 
+.settings-layout {
+  background-color: $color-white;
+  display: grid;
+  grid-template-rows: 40px 1fr;
+  grid-template-columns: 40px 1fr;
+  height: 100vh;
+
+  & .left-bar {
+    grid-row: 2;
+    grid-column: 1;
+  }
+
+  & .settings-content {
+    grid-row: 1 / span 2;
+  }
+}
+
+
+
 .dashboard-content {
   background-color: lighten($color-gray-10, 5%);
   display: flex;