[MM-40009] Add servers dropdown shortcut to menu (#1926)

* [MM-40009] Add servers dropdown shortcut to menu

* Lint fix

* Fix the shortcut for macOS

* Fix character

src/renderer/css/dropdown.scss

@@ -40,13 +40,25 @@ body {
 
 .TeamDropdown__header {
     padding: 6px 20px;
+    display: flex;
+    align-items: center;
+    width: -webkit-fill-available;
+    user-select: none;
 
-    > span {
+    .TeamDropdown__servers {
         font-weight: 600;
         font-size: 14px;
         line-height: 20px;
         color: #3D3C40;
     }
+
+    .TeamDropdown__keyboardShortcut {
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+        color: rgba(61, 60, 64, 0.56);
+        margin-left: auto;
+    }
 }
 
 .TeamDropdown__divider {
@@ -253,6 +265,10 @@ body {
 
     .TeamDropdown__header > span {
         color: #DDD;
+
+        &.TeamDropdown__keyboardShortcut {
+            color: rgba(221, 221, 221, 0.56);
+        }
     }
 
     .TeamDropdown__divider {

src/renderer/dropdown.tsx

@@ -239,7 +239,10 @@ class TeamDropdown extends React.PureComponent<Record<string, never>, State> {
                 }}
             >
                 <div className='TeamDropdown__header'>
-                    <span>{'Servers'}</span>
+                    <span className='TeamDropdown__servers'>{'Servers'}</span>
+                    <span className='TeamDropdown__keyboardShortcut'>
+                        {window.process.platform === 'darwin' ? '⌃⌘S' : 'Ctrl + Shift + S'}
+                    </span>
                 </div>
                 <hr className='TeamDropdown__divider'/>
                 <DragDropContext