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/Explorer/Panes/AddDatabasePanel/AddDatabasePanel.tsx

@@ -212,6 +212,9 @@ export const AddDatabasePanel: FunctionComponent<AddDatabasePaneProps> = ({
             onChange={handleonChangeDBId}
             autoFocus
             styles={getTextFieldStyles()}
+            // We've seen password managers prompt to autofill this field, which is not desired.
+            data-lpignore={true}
+            data-1p-ignore={true}
           />
 
           {!isServerlessAccount() && (

src/Explorer/Panes/AddDatabasePanel/__snapshots__/AddDatabasePanel.test.tsx.snap

@@ -35,6 +35,8 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
         aria-required="true"
         autoComplete="off"
         autoFocus={true}
+        data-1p-ignore={true}
+        data-lpignore={true}
         id="database-id"
         onChange={[Function]}
         pattern="[^/?#\\\\]*[^/?# \\\\]"