[Bug] markArea not animating on load / update

### Version

5.6.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWszGAG0iAXMgL4A0as2ApgOaXQAmhSp5AHgIKsQDOT569AIZhBhANoAiALIwJJWBIAqAV0pyFAdUr11SgBbLdAMQBOEXQGVhl5dAkBdci3QBPTjybPY3Smcq9YMVR0dGhBAFtKQgkrKjl-DBcQKIUAI0ETeJDYIRFxAFZ5ACYABmKANnkARjLYGuLagBZ7MmzwjIBrdhNKUWQEgWE-sQGQoNHssCSUiXCIOwnYUn7s1cTk6PbWCUWiRzWW0cFoCHbIGAARZRNhKGhCUpKShKInRyIgA&_source=echarts-doc-preview

### Steps to Reproduce

Change any value of the markArea, or just load the chart, and there will be no animation.

### Current Behavior

Loading and editing markArea values not animate it on the chart compared to bars, markLine etc

### Expected Behavior

It should behave the same way as any other element, since it as support for animation (`animation.` properties)

### Environment

```markdown
- OS: MacOS
- Browser: Arc
- Framework: React
```

### Any additional comments?

_No response_

Start with the linked ECharts minimal reproduction and trace markArea animation handling for both initial chart load and value updates, comparing it with markLine and bar animation behavior. Done means markArea animates on load and when its values change, consistently with those other elements; verify the behavior in the reproduction.

Written by the indexing model from the issue text.