Make header into links; CSS tweaks

app/assets/stylesheets/new_sidebar.scss

@@ -19,6 +19,7 @@ $new-sidebar-width: 220px;
 .context-header {
   background-color: $gray-normal;
   border-bottom: 1px solid $border-color;
+  font-weight: 600;
   display: flex;
   align-items: center;
   padding: 10px 14px;
@@ -26,15 +27,20 @@ $new-sidebar-width: 220px;
   .avatar-container {
     flex: 0 0 40px;
   }
+
+  &:hover {
+    background-color: $border-color;
+  }
 }
 
 .settings-avatar {
   background-color: $white-light;
 
-  .fa-wrench {
+  .fa-wrench,
+  .fa-user {
     font-size: 20px;
     width: 100%;
-    color: $gl-text-color-light;
+    color: $gl-text-color-secondary;
     text-align: center;
     align-self: center;
   }

app/views/layouts/nav/_new_admin_sidebar.html.haml

 .nav-sidebar
-  .context-header
+  = link_to admin_root_path, title: 'Overview', class: 'context-header' do
     .avatar-container.s40.settings-avatar
       = icon('wrench')
     .project-title Admin Area

app/views/layouts/nav/_new_group_sidebar.html.haml

 .nav-sidebar
-  .context-header
+  = link_to group_path(@group), title: 'Home', class: 'context-header' do
     .avatar-container.s40.group-avatar
       = image_tag group_icon(@group), class: "avatar s40 avatar-tile"
     .group-title

app/views/layouts/nav/_new_profile_sidebar.html.haml

 .nav-sidebar
-  .context-header
+  = link_to profile_path, title: 'Profile Settings', class: 'context-header' do
     .avatar-container.s40.settings-avatar
-      = icon('wrench')
-    .project-title Settings
+      = icon('user')
+    .project-title User Settings
   %ul.sidebar-top-level-items
     = nav_link(path: 'profiles#show', html_options: {class: 'home'}) do
       = link_to profile_path, title: 'Profile Settings' do

app/views/layouts/nav/_new_project_sidebar.html.haml

 .nav-sidebar
   - can_edit = can?(current_user, :admin_project, @project)
-  .context-header
+  = link_to project_path(@project), title: 'Project', class: 'context-header' do
     .avatar-container.s40.project-avatar
       = project_icon(@project, alt: @project.name, class: 'avatar s40 avatar-tile')
     .project-title