refactor(components): [scrollbar] switch to script-setup syntax

[holazz]

#6114

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.

[pull-request-triage]

👋 @holazz, 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 @holazz, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[github-actions]

[holazz]

cc @sxzz

[github-actions]

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

[holazz]

element-plus/element-plus/runs/6662396264?check_suite_focus=true

Could you please check this?

Update: never mind

I'm debugging, it seems to be caused by removing scrollbar from type-unsafe, I don't need to care about this now?

[tolking]

I found that the table header does not scroll with the body, maybe the Scrollbar components should expose more values.

eq: scrollbar$, wrap$, resize$ ...

[holazz]

I found that the table header does not scroll with the body, maybe the Scrollbar components should expose more values.

eq: scrollbar, resize$ ...

I found that wrap$ is used in table, I fixed it here #8035