fix(imagebutton): clipped area of mid part

[liamHowatt]

Description of the feature or fix

Discovered while debugging issue #5803
Related to PR #5719

Before

After

When a sub clip of the mid part of the imagebutton is redrawn it draws it with respect to the top-left-corner because the clip coords are passed to lv_draw_image instead of the image part coords. Can be reproduced with lv_example_imagebutton_1 and the play/pause button of lv_demo_music by moving something off of the mid part, such as a mouse cursor image.

Also, I'm not sure why, but the first draw of the mid part is also wrong too on my simulator only when I use COLOR_DEPTH 24 or 32, but fine for 16:

(fixed by these changes)
Edit: this was because of partial render mode

Notes

• Update the Documentation if needed.
• Add Examples if relevant.
• Add Tests if applicable.
• If you added new options to lv_conf_template.h run lv_conf_internal_gen.py and update Kconfig.
• Run scripts/code-format.py (astyle version v3.4.10 needs to be installed) and follow the Code Conventions.
• Mark the Pull request as Draft while you are working on the first version, and mark is as Ready when it's ready for review.
• When changes were requested, re-request review to notify the maintainers.
• Help us to review this Pull Request! Anyone can approve or request changes.

[kisvegabor]

Looks good, thank you for the fix!

[kisvegabor]

Hm, something is not okay with the tests. I don't think it's related though.

[W-Mai]

It's weird. The log is missing.

[kisvegabor]

It seems it's stuck an infinite loop somewhere. Works well locally.

Running the CI again, maybe just a temporal issue.

[kisvegabor]

Yep, temporal issue. All passed now.