🐛 fix(search): restore highlighting functionality

[welpo]

Summary

Fixes a bug where the search results would no longer be highlighted unless using keyboard. Restores the previous functionality where the first result is auto-selected/highlighted, and mouse hovering highlights the relevant search result.

Related issue

Bug introduced in #388.

Changes

• Modified the event listener for the search input to avoid shadowing the global searchInput variable.
• Renamed the local searchInput variable to inputValue within the event listener function.
• Ensured that all references to searchInput now correctly point to the DOM element, allowing methods like setAttribute to function properly.

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

---

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • (Optional) Updated "Mastering tabi" post in Spanish
  • (Optional) Updated "Mastering tabi" post in Catalan

[netlify]

✅ Deploy Preview for tabi-demo ready!

Name	Link
🔨 Latest commit	3100730
🔍 Latest deploy log	https://app.netlify.com/sites/tabi-demo/deploys/66f2f366f31ea00008aa7767
😎 Deploy Preview	https://deploy-preview-401--tabi-demo.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 configuration.