Styled Table Container - Copy this React, Mui Component to your project

Create a table full responsive <Box sx={{ minHeight: '40%', overflow: 'auto' }}> <TableContainer component={Paper}> <Table sx={{ width: 650 }} stickyHeader aria label="sticky table"> <TableHead> <TableRow> <TableCell sx={{ width: '5%' }}>N°</TableCell> <TableCell>Serie</TableCell> <TableCell>Operador DNI</TableCell> <TableCell>Operador</TableCell> <TableCell>Fecha de Inicio</TableCell> <TableCell>Fecha de Final</TableCell> <TableCell>Turno</TableCell> <TableCell>Código placa</TableCell> <TableCell>Kilometraje inicial</TableCell> <TableCell>Kilometraje final</TableCell> <TableCell>Usuario</TableCell> <TableCell>Registros</TableCell> <TableCell>Aprobaciones</TableCell> <TableCell>Acciones</TableCell> </TableRow> </TableHead> <TableBody> {isLoading ? ( <TableRow> <TableCell colSpan={7} style={{ textAlign: 'center' }}> <CircularProgress /> </TableCell> </TableRow> ) : (