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/kubernetes/volumes/queries.ts

@@ -0,0 +1,21 @@
+import { useQuery } from 'react-query';
+
+import { withError } from '@/react-tools/react-query';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+import { getPVCsForCluster } from './service';
+
+// useQuery to get a list of all applications from an array of namespaces
+export function usePVCsForCluster(
+  environemtId: EnvironmentId,
+  namespaces?: string[]
+) {
+  return useQuery(
+    ['environments', environemtId, 'kubernetes', 'pvcs'],
+    () => namespaces && getPVCsForCluster(environemtId, namespaces),
+    {
+      ...withError('Unable to retrieve applications'),
+      enabled: !!namespaces,
+    }
+  );
+}

app/react/kubernetes/volumes/service.ts

@@ -0,0 +1,33 @@
+import { PersistentVolumeClaimList } from 'kubernetes-types/core/v1';
+
+import axios, { parseAxiosError } from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+export async function getPVCsForCluster(
+  environmentId: EnvironmentId,
+  namespaces: string[]
+) {
+  try {
+    const pvcs = await Promise.all(
+      namespaces.map((namespace) => getPVCs(environmentId, namespace))
+    );
+    return pvcs.flat();
+  } catch (e) {
+    throw parseAxiosError(
+      e as Error,
+      'Unable to retrieve persistent volume claims for cluster'
+    );
+  }
+}
+
+// get all persistent volume claims for a namespace
+export async function getPVCs(environmentId: EnvironmentId, namespace: string) {
+  try {
+    const { data } = await axios.get<PersistentVolumeClaimList>(
+      `/endpoints/${environmentId}/kubernetes/api/v1/namespaces/${namespace}/persistentvolumeclaims`
+    );
+    return data.items;
+  } catch (e) {
+    throw parseAxiosError(e as Error, 'Unable to retrieve deployments');
+  }
+}