PLT 6416 Add StatusDropdown to profile picture in top left (#6327) (#6418)

* PLT-6416 the profile picture is always shown in the top left (#6327)

* PLT-6416 Add status icon to profile picture in left sidebar (#6327)

* PLT-6416 Add StatusDropdown to profile picture in top left (#6327)

* Fixing theme stuff for status picker

* PLT-6416 Automatically close status dropdown after selection (#6327)

* PLT-6416 Avoid render status dropdown in sidebar if isMobile (#6327)

* PLT-6416 Change icon for status change to caret-down  (#6327)

* PLT-6416 Update visibility of status dropdown after window size (#6327)

* PLT-6416 Refactor status dropdown for better mouse usability (#6327)

* PLT-6416 Change status dropdown to the redux way (#6327)

* PLT-6416 Fix header style of admin sidebar (#6327)

webapp/sass/components/_module.scss

@@ -17,6 +17,7 @@
 @import 'scrollbar';
 @import 'search';
 @import 'status-icon';
+@import 'status-dropdown';
 @import 'suggestion-list';
 @import 'tooltip';
 @import 'tutorial';

webapp/sass/components/_status-dropdown.scss

@@ -0,0 +1,5 @@
+@charset 'UTF-8';
+
+#status-dropdown {
+    cursor: pointer;
+}

webapp/sass/components/_status-icon.scss

@@ -20,6 +20,17 @@
             bottom: -6px;
         }
 
+        &.status-edit {
+            text-align: center;
+
+            i {
+                @include opacity(1);
+                font-size: 10px;
+                position: relative;
+                top: 2px;
+            }
+        }
+
 
         svg {
             max-height: 11px;

webapp/sass/layout/_headers.scss

@@ -259,6 +259,8 @@
 
     .team__header {
         @include legacy-pie-clearfix;
+        @include display-flex();
+        @include flex-direction(row-reverse);
         padding: 9px 10px;
         position: relative;
 
@@ -297,6 +299,7 @@
 
         a {
             text-decoration: none;
+            @include flex-grow(1);
         }
 
         .sidebar-header-dropdown,
@@ -307,7 +310,6 @@
             position: absolute;
             right: 22px;
             top: 10px;
-            z-index: 5;
 
             li {
                 width: 100%;
@@ -351,16 +353,15 @@
             @include border-radius(36px);
             float: left;
             height: 36px;
-            margin-right: 6px;
             width: 36px;
         }
 
         .header__info {
             @include clearfix;
+            @include flex-grow(1);
             color: $white;
-            padding-left: 2px;
+            padding-left: 8px;
             position: relative;
-            z-index: 1;
         }
 
         .team__name,