fix(useFullscreen): always listen to fullscreen change and dynamically set the initial value

[tmkx]

🤔 This is a ...

• Bug fix

🔗 Related issue link

none

💡 Background and solution

Background:

1. useFullscreen will have a wrong initial value when the fullscreen of element is changed by other scripts.
2. The toggleFullscreen of useFullscreen can't work when the fullscreen of element is changed by other scripts.

Solution:

1. Dynamically set initial value of useState
2. always listen to fullscreen change

📝 Changelog

Language	Changelog
🇺🇸 English	fix(useFullscreen): always listen to fullscreen change and dynamically set the initial value
🇨🇳 Chinese	fix(useFullscreen): 始终监听 change 事件并动态设置初始状态

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[CLAassistant]

All committers have signed the CLA.