feat(useMediaQuery): allow query to be a ref

[GODLiangCY]

Description

useMediaQuery() is allowed to take a MaybeRef<string> type query as its first argument.

Also fix #2177 and related issues mentioned in it.

Additional context

Wrapping a watchEffect to update function to execute it immediately, so it ensures useMediaQuery() to have its proper initial value.

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[GODLiangCY]

Really appreciate for your review and the work you've done, which I learn much from!@sxzz (sorry if ping directly disturbs you)
And it seems that I still have a long way to go to understand how everything works.Hope next time I can make a better PR