add keyboard shortcut and enhance input styling

[Aaqilyousuf]

Add Search Input Enhancements and Keyboard Shortcuts (#219)

Changes

• Add keyboard shortcut (Ctrl+K/⌘K) to quickly focus search input
• Implement grey outline and focus states for better visual feedback
• Add keyboard shortcut hint that disappears when typing
• Improve search input accessibility with ARIA attributes
• Wrap search inputs in container for better styling control

Technical Details

• Modified osl-search.js to include new styles and keyboard functionality
• Added CSS transitions for smooth state changes
• Implemented platform-specific shortcut hints (⌘K for Mac, Ctrl+K for Windows/Linux)
• Enhanced focus management for better keyboard navigation

Testing

1. Press Ctrl+K (or ⌘K on Mac) to focus the search input
2. Verify the grey outline appears on the search input
3. Check that the shortcut hint disappears when typing
4. Confirm focus states work with keyboard navigation
5. Test on both desktop and mobile views

Screenshots

[Aaqilyousuf]

it passes all the test in local but i dont know why it fail in github action @xmnlab can you help me with this

[Aaqilyousuf]

[xmnlab]

LGTM! thanks for working on that @Aaqilyousuf

[Aaqilyousuf]

@xmnlab Thanks for merging! Excited to contribute more to this project.