fix(components): prevent carousel from auto playing

[cuongle-hdwebsoft]

prevent carousel from auto playing

closed #14524

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 88f2ce6

Fixed a bug in use-carousel.ts that ignored the pauseOnHover prop of the carousel component. This improves the user experience and accessibility of the carousel.

Related Issue

Fixes #14524

Explanation of Changes

🤖 Generated by Copilot at 88f2ce6

• Fix a bug where the carousel would resume autoplaying after the mouse leaves, even if pauseOnHover is true (link)

[pull-request-triage]

👋 @cuongle-hdwebsoft, thank you for contributing element-plus.

• 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 @cuongle-hdwebsoft, 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=14553
Please comment the example via this playground if needed.

[cuongle-hdwebsoft]

Here is demo

Testing step:

• Click on the next arrow icon
• Confirm that it should display the next carousel item and automatically play the next item.
• Move your mouse out of the carousel
• Confirm that it should auto-play again

CleanShot.2023-10-15.at.14.05.56.mp4

[btea]

Thanks!