refactor(devtools): switch to components tab whenever the inspector is used (angular#60694)

Switch to the components tab, if not there, when a component is selected via the inspector.

PR Close angular#60694

Author: hawkgs

devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts

@@ -95,6 +95,13 @@ export class DevToolsTabsComponent {
       this.routes.set(routes || []);
     });
 
+    // Change the tab to Components, if an element is selected via the inspector.
+    this._messageBus.on('selectComponent', () => {
+      if (this.activeTab() !== 'Components') {
+        this.changeTab('Components');
+      }
+    });
+
     if (typeof chrome !== 'undefined' && chrome.runtime !== undefined) {
       this.extensionVersion.set(chrome.runtime.getManifest().version);
     }