fix: close troubleshooting panel when switching to perspectives it isn't supported in and ensure it doesn't open in the other perspectives as well

Author: PeterYurkovich

web/src/components/Popover.tsx

@@ -7,9 +7,11 @@ import { TimesCircleIcon } from '@patternfly/react-icons';
 import { State } from '../redux-reducers';
 import { closeTP } from '../redux-actions';
 import { useTranslation } from 'react-i18next';
+import { useActivePerspective } from '@openshift-console/dynamic-plugin-sdk';
 
 export default function Popover() {
   const dispatch = useDispatch();
+  const [activePerspective] = useActivePerspective();
   const { t } = useTranslation('plugin__troubleshooting-panel-console-plugin');
 
   const isOpen = useSelector((state: State) => state.plugins?.tp?.get('isOpen'));
@@ -18,6 +20,12 @@ export default function Popover() {
     dispatch(closeTP());
   }, [dispatch]);
 
+  React.useEffect(() => {
+    if (activePerspective !== 'admin' && isOpen) {
+      close();
+    }
+  }, [activePerspective, isOpen, close]);
+
   if (!isOpen) {
     return null;
   }