CE-1970: Aesthetic-refinements

Add Aesthetic refinements

These aesthetic refinements are in lined with deliverables from ticket: [ CE-1970](https://jira.esss.lu.se/browse/CE-1970)

src/components/IOC/AdministerUndeployment/AdministerUndeployment.js

@@ -7,17 +7,14 @@ import React, {
 } from "react";
 import { useNavigate } from "react-router-dom";
 import {
+  Box,
   Button,
   Typography,
   Grid,
   Tooltip,
   LinearProgress
 } from "@mui/material";
-import {
-  SimpleAccordion,
-  ConfirmationDialog,
-  useAPIMethod
-} from "@ess-ics/ce-ui-common";
+import { ConfirmationDialog, useAPIMethod } from "@ess-ics/ce-ui-common";
 import Alert from "@mui/material/Alert";
 import AccessControl from "../../auth/AccessControl";
 import { IocActiveDeployment } from "../../../api/DataTypes";
@@ -113,11 +110,14 @@ export default function AdministerUndeployment({ ioc, buttonDisabled }) {
           onClose={onClose}
           onConfirm={onConfirm}
         />
-
-        <SimpleAccordion
-          summary="Change deployment status to not deployed (e.g. if IOC has been manually removed)"
-          defaultExpanded
-        >
+        <Box sx={{ pt: 2 }}>
+          <Typography
+            sx={{ my: 2.5 }}
+            variant="h3"
+          >
+            Change deployment status to not deployed (e.g. if IOC has been
+            manually removed)
+          </Typography>
           <Grid
             container
             spacing={1}
@@ -155,7 +155,7 @@ export default function AdministerUndeployment({ ioc, buttonDisabled }) {
               </Tooltip>
             </Grid>
           </Grid>
-        </SimpleAccordion>
+        </Box>
       </>
     </AccessControl>
   );