CE-2208: add heading to iod details management tab job table

src/components/IOC/IOCManage/IOCManage.js

-import { Button, Link as MuiLink, Tooltip, Typography } from "@mui/material";
+import {
+  Button,
+  Link as MuiLink,
+  Stack,
+  Tooltip,
+  Typography
+} from "@mui/material";
 import React, {
   useState,
   useEffect,
@@ -58,7 +64,6 @@ export function IOCManage({
   const closeDeployModal = () => {
     setDeployDialogOpen(false);
     getIOC();
-    // history.push(window.location.pathname);
   };
 
   const closeUndeployModal = () => {
@@ -134,7 +139,6 @@ export function IOCManage({
     ]
   );
 
-  let content = <></>;
   if (ioc) {
     const managedIOC = { ...ioc };
 
@@ -166,8 +170,8 @@ export function IOCManage({
         "There is an ongoing operation, you can not undeploy the IOC right now";
     }
 
-    content = (
-      <>
+    return (
+      <Stack gap={2}>
         <IOCDetails
           ioc={managedIOC}
           getSubset={getSubset}
@@ -214,12 +218,15 @@ export function IOCManage({
           allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
           renderNoAccess={() => <></>}
         >
-          <JobTable
-            jobs={operations}
-            pagination={pagination}
-            onPage={onPage}
-            loading={operationsLoading}
-          />
+          <Stack gap={2}>
+            <Typography variant="h3">Operations</Typography>
+            <JobTable
+              jobs={operations}
+              pagination={pagination}
+              onPage={onPage}
+              loading={operationsLoading}
+            />
+          </Stack>
           <DeployIOC
             open={deployDialogOpen}
             setOpen={setDeployDialogOpen}
@@ -235,9 +242,8 @@ export function IOCManage({
             ioc={ioc}
           />
         </AccessControl>
-      </>
+      </Stack>
     );
   }
-
-  return <>{content}</>;
+  return null;
 }