Daily Operations Costs Table - Copy this React, Tailwind Component to your project

noo keep the body like this just add a divider <TableBody> {Array.isArray(dailyOperationActivity) && dailyOperationActivity.map( (activity: ActivityDailyOperations) => ( <TableRow key={activity.id}> <TableCell align="center" sx={{ fontWeight: 800 }}> {activity.operation_activity_name} </TableCell> <TableCell align="center" sx={{ fontWeight: 800 }}> {activity.tValue?.toString() === '5' ? 'DTM' : 'T' + activity.tValue} </TableCell> <TableCell align="center" sx={{ fontWeight: 800,lineHeight: '1.7rem' }}> {activity.summary} </TableCell> <TableCell align="center" sx={{ fontWeight: 800 }}> {activity.duration?.toFixed(2) ?? 'N/A'} </TableCell> <TableCell align="center" sx={{ fontWeight: 800 }}> {activity.cost?.toFixed(2) ?? 'N/A'} </TableCell> <TableCell align="center" sx={{ fontWeight: 800 }}> {activity.duration && activity.cost ? (activity.duration * activity.cost).toFixed(2) : 'N/A'} </TableCell> </TableRow> ) )} </TableBody>