Changed the name of the component to be more meaningful.

Client/src/Components/StatusTable/index.jsx

@@ -58,7 +58,7 @@ function createData(name, date, message) {
  * Customized table component displaying incident history.
  * @returns {JSX.Element} The JSX element representing the customized table.
  */
-export default function IncidentHistoryTable() {
+export default function StatusTable() {
   const theme = useTheme();
 
   const rows = [

Client/src/Pages/Incidents/index.jsx

@@ -5,7 +5,7 @@ import { useTheme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import TuneIcon from '@mui/icons-material/Tune';
-import IncidentHistoryTable from '../../Components/StatusTable'; // Make sure to import the correct path to your IncidentHistoryTable component
+import StatusTable from '../../Components/StatusTable'; // Make sure to import the correct path to your IncidentHistoryTable component
 
 const filterOptions = createFilterOptions({
   matchFrom: 'start',
@@ -81,7 +81,7 @@ export default function CustomizedTables() {
         </Typography>
         <Filter />
       </Box>
-      <IncidentHistoryTable />
+      <StatusTable />
     </Box>
   );
 }