Object inside array with readOnly true is not showing as disabled with material cells

### Describe the bug

Object inside array with readOnly true is not showing as disabled with material cells.

### Expected behavior

Objects defined inside of an array in JsonSchema with a property having a readOnly keyword set to true should render the property/control as disabled.

### Steps to reproduce the issue

1. define a JsonSchema as shown below
```js
const schema = {
type: 'array',
title: 'test',
description: 'connection ',
items: {
type: 'object',
title: 'test',
description: 'test',
properties: {
ipAddress: {
readOnly:true,
type: 'string'
},
port: {
readOnly:true,
type: 'number'
}
},
required: ['ipAddress']
}
}
```
2. Create a Jsonforms component and pass the jsonschema defined above, UI Schema is not relevant here. We are using the material cells and material renderers.
3. The ipAddress and port properties defined above with readOnly true would be still editable.

### Screenshots

_No response_

### Which Version of JSON Forms are you using?

latest

### Package

React Material Renderers

### Additional context

_No response_