feat(useFocus): support :focus-visible

[onmax]

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.

---

Description

This PR introduces an additional option in the useFocus composable which replicates the :focus-visible behavior from CSS. This enhancement allows for better control over how and when elements receive focus, improving the accessibility and usability of components that use this hook.

In detail, when the focusVisible option is set to true, focus will only be set on an element if the :focus-visible pseudo-class matches. This effectively adds support for the :focus-visible pseudo-class in useFocus.

Additional context

I'd like reviewers to focus on the new test as I think the test is just faking the matches properties which make the test irrelevant.

🤖 Generated by Copilot at b8ba143

This pull request adds a new feature and a test case for the useFocus hook. The feature allows the user to enable the focusVisible option, which makes the focused reactive value depend on the :focus-visible pseudo-class of the target element. This improves the accessibility and keyboard navigation of the focus state.

🤖 Generated by Copilot at b8ba143

• Add focusVisible option to useFocus hook to replicate :focus-visible behavior of CSS (link, link)
• Add test case for useFocus hook with focusVisible option enabled (link)