fix(kube): improve dashboard load speed [EE-4941] (#8572)

* apply changes from EE

* clear query cache when logging out

* Text transitions in smoother

app/react/components/PageHeader/PageHeader.module.css

@@ -1,4 +0,0 @@
-.reloadButton {
-  padding: 0;
-  margin: 0;
-}

app/react/components/PageHeader/PageHeader.tsx

@@ -7,7 +7,6 @@ import { Breadcrumbs } from './Breadcrumbs';
 import { Crumb } from './Breadcrumbs/Breadcrumbs';
 import { HeaderContainer } from './HeaderContainer';
 import { HeaderTitle } from './HeaderTitle';
-import styles from './PageHeader.module.css';
 
 interface Props {
   id?: string;
@@ -42,7 +41,7 @@ export function PageHeader({
             color="none"
             size="large"
             onClick={onClickedRefresh}
-            className={styles.reloadButton}
+            className="m-0 p-0 focus:text-inherit"
             disabled={loading}
           >
             <RefreshCw className="icon" />

app/react/components/PageHeader/UserMenu.tsx

@@ -8,6 +8,7 @@ import { UISrefProps, useSref } from '@uirouter/react';
 import clsx from 'clsx';
 import { User, ChevronDown } from 'lucide-react';
 
+import { queryClient } from '@/react-tools/react-query';
 import { AutomationTestingProps } from '@/types';
 import { useUser } from '@/react/hooks/useUser';
 
@@ -78,7 +79,10 @@ function MenuLink({
   return (
     <ReachMenuLink
       href={anchorProps.href}
-      onClick={anchorProps.onClick}
+      onClick={(e) => {
+        queryClient.clear();
+        anchorProps.onClick(e);
+      }}
       className={styles.menuLink}
       aria-label={label}
       data-cy={dataCy}