Properly show Peers tab in UI.

awx/ui/src/screens/Instances/Instance.js

@@ -37,7 +37,9 @@ function Instance({ setBreadcrumb }) {
   } = useRequest(
     useCallback(async () => {
       const { data } = await SettingsAPI.readCategory('system');
-      return data.IS_K8S;
+      return {
+        isK8s: data.IS_K8S,
+      };
     }, []),
     { isK8s: false, isLoading: true }
   );

awx/ui/src/screens/Instances/InstancePeers/InstancePeerList.js

@@ -112,6 +112,19 @@ function InstancePeerList() {
             key: 'hostname',
           },
         ]}
+        headerRow={
+          <HeaderRow qsConfig={QS_CONFIG} isExpandable>
+            <HeaderCell
+              tooltip={t`Cannot run health check on hop nodes.`}
+              sortKey="hostname"
+            >{t`Name`}</HeaderCell>
+            <HeaderCell sortKey="errors">{t`Status`}</HeaderCell>
+            <HeaderCell sortKey="node_type">{t`Node Type`}</HeaderCell>
+            <HeaderCell>{t`Capacity Adjustment`}</HeaderCell>
+            <HeaderCell>{t`Used Capacity`}</HeaderCell>
+            <HeaderCell>{t`Actions`}</HeaderCell>
+          </HeaderRow>
+        }
         renderToolbar={(props) => (
           <DataListToolbar
             {...props}
@@ -128,11 +141,6 @@ function InstancePeerList() {
             ]}
           />
         )}
-        headerRow={
-          <HeaderRow qsConfig={QS_CONFIG}>
-            <HeaderCell sortKey="hostname">{t`Name`}</HeaderCell>
-          </HeaderRow>
-        }
         renderRow={(peer, index) => (
           <InstancePeerListItem
             onSelect={() => handleSelect(peer)}