Humidifier-Dehumidifier control popup not displaying properties correctly
### Describe The Bug

## What is happening?

The current control popup for Humidifier-Dehumidifier is not displaying properties correctly.

Currently, the `Active` (On/Off) property and `Target State` are mixed:

<img width="506" alt="Image" src="https://github.com/user-attachments/assets/02ba8272-f7fd-45eb-a3b2-55e976b83822" /><p>

## What you expect to happen?

The properties should be:
- Active/Inactive (On/Off)
- Target State: AUTO, HUMIDIFIER, DEHUMIDIFIER
- Thresholds: `humidifier threshold` & `dehumidifier threshold` depending on Target State

User should be able to set Target State and Threshold values, even if the Humidifier-Dehumidifier independently of its power state.

### Off

<img width="506" alt="Image" src="https://github.com/user-attachments/assets/7c61d2b9-4c8f-4bab-9a4b-9adf2979503e" /><p>

### On, Auto

<img width="506" alt="Image" src="https://github.com/user-attachments/assets/f4d65471-e7e6-4737-b1f5-67660c735152" /><p>

### On, Humidifier

<img width="506" alt="Image" src="https://github.com/user-attachments/assets/f5249c74-8f6f-4c78-9fee-bd429b0dc647" /><p>

### On, Dehumidifier

<img width="506" alt="Image" src="https://github.com/user-attachments/assets/b767ff23-28a9-4401-9d38-d539c23e051f" /><p>


### Logs

N/A

### Config

```JSON
N/A
```

### Homebridge UI Version

v5.0.0-beta.49

### Homebridge Version

v1.9.0

### Node.js Version

v22.12.0

### Operating System

macOS

### Environment Info

Using hb-service

### Raspberry Pi Model

None