Fix style lint issues

resources/assets/styles/layouts/_header.scss

-/* HEAD NAV-BAR
+/* DASHBOARD NAV-BAR
    ============================= */
+.nav {
+  .nav-item {
+    position: relative;
+
+    &::before {
+      content: "";
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 100px;
+      height: 3px;
+    }
 
-   #user-nav .dropdown-menu>a {
-    color: $black;
-  }
-  
-  /* DASHBOARD NAV-BAR
-     ============================= */
-  .nav {
-    .nav-item {
-      position: relative;
-      &::before {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 100px;
-        height: 3px;
-      }
-      &.active::before {
-        content: '';
-        background: $white;
-      }
+    &.active::before {
+      content: "";
+      background: $white;
     }
   }
+}
 
 .banner .nav li {
   @extend .nav-item;
@@ -94,6 +89,13 @@ body.home {
   }
 }
 
+/* HEAD NAV-BAR
+   ============================= */
+
+#user-nav .dropdown-menu > a {
+  color: $black;
+}
+
 button.hamburger {
   display: inline-block;
 

resources/assets/styles/main.scss

@@ -18,9 +18,9 @@
 @import "components/comments";
 @import "components/forms";
 @import "components/wp-classes";
-@import "components/header";
+@import "layouts/header";
 @import "layouts/sidebar";
-@import "components/footer";
+@import "layouts/footer";
 @import "layouts/pages";
 @import "layouts/posts";
 @import "layouts/tinymce";