refactor(components): [image-viewer] optimise translate calc method

[zwgwf]

• Use trigonometric functions to calculate translate, which can support any angle

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow contributing guide English | (中文 | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer to relative issues for your PR.

Description

🤖 Generated by Copilot at 82d2c54

Refactored image-viewer.vue to use trigonometry for image translation. This makes the code more concise and efficient.

Related Issue

Fixes #___.

Explanation of Changes

🤖 Generated by Copilot at 82d2c54

• Simplify the calculation of image translation based on rotation angle using trigonometric functions (link)

[pull-request-triage]

👋 @zwgwf, seems like this is your first time contribution to element-plus.

• Please make sure that you have read our guidelines and code of conduct before making a contribution.
• You can comment with /label Components:[component_name] to add a label for which component you are working on.
• You may join our for staying tuned.

[github-actions]

Hello @zwgwf, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[github-actions]

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=13157
Please comment the example via this playground if needed.