CE-1934: Modify host details accordion behavior

src/views/host/HostDetailsView.js

@@ -212,16 +212,16 @@ export function HostDetailsView({ id }) {
           onPage={onPage}
         />
       </SimpleAccordion>
-      <SimpleAccordion
-        summary="Host details"
-        expanded={deserialize(urlState.details_open)}
-        onChange={(event, expanded) =>
-          setUrlState({ details_open: serialize(expanded) })
-        }
+      <AccessControl
+        allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
+        renderNoAccess={() => <></>}
       >
-        <AccessControl
-          allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
-          renderNoAccess={() => <></>}
+        <SimpleAccordion
+          summary="Host details"
+          expanded={deserialize(urlState.details_open)}
+          onChange={(event, expanded) =>
+            setUrlState({ details_open: serialize(expanded) })
+          }
         >
           {host && (
             <KeyValueTable
@@ -231,8 +231,8 @@ export function HostDetailsView({ id }) {
               valueOptions={{ headerName: "" }}
             />
           )}
-        </AccessControl>
-      </SimpleAccordion>
+        </SimpleAccordion>
+      </AccessControl>
       <AccessControl
         allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
         renderNoAccess={() => <></>}