fix(Cluster): show loader if capabilities not loaded (#1785)

Author: Raubzeug

src/containers/App/Content.tsx

@@ -12,7 +12,7 @@ import type {SlotComponent} from '../../components/slots/types';
 import routes from '../../routes';
 import type {RootState} from '../../store';
 import {authenticationApi} from '../../store/reducers/authentication/authentication';
-import {useCapabilitiesQuery} from '../../store/reducers/capabilities/hooks';
+import {useCapabilitiesLoaded, useCapabilitiesQuery} from '../../store/reducers/capabilities/hooks';
 import {nodesListApi} from '../../store/reducers/nodesList';
 import {cn} from '../../utils/cn';
 import {lazyComponent} from '../../utils/lazyComponent';
@@ -178,8 +178,7 @@ function DataWrapper({children}: {children: React.ReactNode}) {
     return (
         <GetUser>
             <GetNodesList />
-            <GetCapabilities />
-            {children}
+            <GetCapabilities>{children}</GetCapabilities>
         </GetUser>
     );
 }
@@ -199,9 +198,15 @@ function GetNodesList() {
     return null;
 }
 
-function GetCapabilities() {
+function GetCapabilities({children}: {children: React.ReactNode}) {
     useCapabilitiesQuery();
-    return null;
+    const capabilitiesLoaded = useCapabilitiesLoaded();
+
+    return (
+        <LoaderWrapper loading={!capabilitiesLoaded} size="l">
+            {children}
+        </LoaderWrapper>
+    );
 }
 
 interface ContentWrapperProps {