Redesign resource tree (#1865)

* start redesign work

* add left padding to all tree nodes

* fiddling with padding

* align tab bar line with first item in resource tree

* final touch ups

* fix a strange password manager autofill prompt

* add keyboard shortcuts

* revert testing change

* nudge messagebar to layout row height

* tidy up

* switch to Allotment to stop ResizeObserver issues with monaco

* refmt and fix lints

* fabric touch-ups

* update snapshots

* remove explicit react-icons dependency

* reinstall packages

* remove background from FluentProvider

* fix alignment of message bar

* undo temporary workaround

* restore refresh button

* fix e2e tests and reformat

* fix compiler error

* remove uiw/react-split

* uncomment selection change on expand

src/KeyboardShortcuts.tsx

@@ -20,7 +20,7 @@ export enum KeyboardActionGroup {
   /** Keyboard actions related to tab navigation. */
   TABS = "TABS",
 
-  /** Keyboard actions managed by the global command bar. */
+  /** Keyboard actions managed by the command bar. */
   COMMAND_BAR = "COMMAND_BAR",
 
   /**
@@ -28,6 +28,9 @@ export enum KeyboardActionGroup {
    * This group is automatically cleared when the active tab changes.
    */
   ACTIVE_TAB = "ACTIVE_TAB",
+
+  /** Keyboard actions managed by the global commands section, in the top-left corner. */
+  GLOBAL_COMMANDS = "GLOBAL_COMMANDS",
 }
 
 /**