feat(ui): auto focus search input when opening emoji picker

[alexzhang1030]

Description

closes #1261

auto focus search input when opening emoji picker

not working yet cause an upstream issue https://github.com/missive/emoji-mart/issues/651

So this pr is just on hold now.

Additional context

---

What is the purpose of this pull request?

• [ ] Bug fix
• [x] New Feature
• [ ] Documentation update
• [ ] Translations update
• [ ] Other

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

• [x] Read the Contributing Guidelines.
• [x] Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• [x] Provide related snapshots or videos.
• [x] Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).

[stackblitz[bot]]

Run & review this pull request in StackBlitz Codeflow.

[netlify[bot]]

✅ Deploy Preview for elk-docs canceled.

Name	Link
🔨 Latest commit	02f1b68a50d000a98bfd29449e513b787f11ab96
🔍 Latest deploy log	https://app.netlify.com/sites/elk-docs/deploys/63c6c0426c0805000893d7ad

[netlify[bot]]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	02f1b68a50d000a98bfd29449e513b787f11ab96
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/63c6c0423f92e7000a2eba55
😎 Deploy Preview	https://deploy-preview-1266--elk-zone.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[alexzhang1030]

This CI error is confusing me, a random error ? I did't change any test case. /cc @antfu