Use TimelineActionCard for status

src/components/ItemBodyView/ItemBodyView.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { Timeline, TimelineItem, TimelineSeparator, TimelineConnector, TimelineContent, TimelineDot } from '@material-ui/lab';
-import { Typography, makeStyles } from "@material-ui/core";
+import { makeStyles } from "@material-ui/core";
 import DirectoryInformation from "../DirectoryInformation/";
 import Assignment from "../Assignment/";
 import TimelineActionCard from "../TimelineActionCard/";
@@ -36,22 +36,15 @@ export default function ItemBodyView({ item }) {
 				);
 			case "initial_message":
 				return (
-					<>
-						<MessageView {...section} />
-					</>
+					<MessageView {...section} />
 				);
 			case "edit":
 				return (
 					<TimelineActionCard {...section} />
 				);
 			case "status":
 				return (
-					<>
-						<Typography variant="subtitle2">
-							{`${section.by} update the status to at ${Date(section.datetime)}`}
-						</Typography>
-						{section.content.map((line) => <Typography variant="body1">{line}</Typography>)}
-					</>
+					<TimelineActionCard {...section} />
 				);
 			case "assignment":
 				return (