[InspectorView] Keep drawer orientation preference per dock position

This CL:
* Updates the default drawer position to be VERTICAL when
DevTools is docked to bottom.
* Listens for the dock side changed events and updates the drawer
positioning according to the preference.
* If the preference for bottom docked position is unset, it defaults
to VERTICAL. For other cases, it defaults to HORIZONTAL.

Fixed: 447294684
Change-Id: If426756e4477688326bd371421aa720ae16dfe13
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6983142
Reviewed-by: Piotr Paulski <[email protected]>
Commit-Queue: Ergün Erdoğmuş <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: ergunsh

front_end/testing/EnvironmentHelpers.ts

@@ -326,6 +326,7 @@ export async function initializeGlobalVars({reset = true} = {}) {
         Common.Settings.SettingType.BOOLEAN),
     createSettingValue(Common.Settings.SettingCategory.ELEMENTS, 'global-ai-button-click-count', 0),
     createSettingValue(Common.Settings.SettingCategory.ACCOUNT, 'receive-gdp-badges', false),
+    createSettingValue(Common.Settings.SettingCategory.GLOBAL, 'currentDockState', 'right'),
   ];
 
   Common.Settings.registerSettingsForTest(settings, reset);