Refactor MachineCollapsedContent.js to use inline styles

frontend/src/features/machines/components/common/MachineCollapsedContent.js

@@ -3,23 +3,21 @@ import PropTypes from "prop-types";
 import MachineLog from "./MachineLog";
 import Typography from "@mui/material/Typography";
 import { useSensitiveInfo } from "../../../../hooks";
-import { makeStyles } from "@mui/material/styles";
-
-const useStyles = makeStyles(_theme => ({
-  panel: {
-    display: "flex"
-  },
-  label: {
-    marginRight: "4px"
-  }
-}));
 
 const MachineDescription = ({ description }) => {
-  const classes = useStyles();
-
   return (
-    <div className={classes.panel}>
+    <div
-      <Typography variant="body2" className={classes.label} color="textSecondary">
+      style={{
+        display: "flex"
+      }}
+    >
+      <Typography
+        variant="body2"
+        sx={{
+          marginRight: "4px"
+        }}
+        color="textSecondary"
+      >
         {"Description:"}
       </Typography>
       <Typography variant="body2" color="textSecondary">