How to display accessory name in header field?
### Current Situation

I opened ticket [Enable device section folding](https://github.com/homebridge/homebridge-config-ui-x/issues/2233).
In the process of investigating the issue, I discovered that I can get that functionality out of the box using both `expandable` and `expanded`, and making sure that `items` had a `title` property:
```
        "title": "Accessories",
        "type": "array",
        "items": {
          "title": "Accessory,
          "type": "object",
          "expandable": true,
          "expanded": false,
          "properties": {
            "accessoryName": {
              "title": "Accessory Name",
              "type": "string",
              "required": true
            },
          ...
```
It's not as pretty as the functionality provided by Homebridge UI, but it is functional:
<img width="801" alt="Screenshot 2024-11-27 at 3 00 19 PM" src="https://github.com/user-attachments/assets/0931495e-d9c6-4a2e-b413-0b3152e2c4c1"><p>

However, I am unable to figure out how dynamically assign the accessory name to the section header, so all collapsed accessories show `Accessory`.
I tried using `model.devices[arrayIndices].accessoryType.accessoryName` but that didn't work as it displayed the string itself, not the accessory name:
<img width="800" alt="Screenshot 2024-11-27 at 3 05 55 PM" src="https://github.com/user-attachments/assets/1a60754f-afaf-4049-aa46-906e819dd544"><p>

How can I get the dynamic name to show up, like "My Suoer Duoer Switch" like in this mockup?
![Screenshot 2024-11-27 at 3 05 55 PM copy](https://github.com/user-attachments/assets/5ea37dea-ade3-4210-9a5d-bbe62f0d2aff)



### Logs

_No response_

### Config

_No response_

### Homebridge UI Version

5.0.0-beta.7

### Homebridge Version

1.8.5

### Node.js Version

22.9.0

### Operating System

macOS

### Environment Info

Using hb-service

### Raspberry Pi Model

None