Docs search UI needs visual and usability polish (functionality exists)

[Yashb404]

Summary

Docs search appears to function but the UI quality is poor and does not meet product polish standards.

Current Behavior

• Search results are hard to scan.
• Visual hierarchy and spacing are weak.
• Interaction affordances (focus, hover, selected) need refinement.

Expected Behavior

• Clean, readable search input and results list.
• Strong visual hierarchy and accessible interaction states.
• Better perceived quality aligned with rest of app.

Scope

• Improve docs search input styling and states.
• Improve result item layout, typography, and spacing.
• Add clear empty/no-match state messaging.
• Ensure keyboard navigation and focus visibility are accessible.

Acceptance Criteria

• Docs search UI is visually polished and readable.
• Result list is easy to scan and interact with.
• Empty/no-result state is clear.
• Keyboard and focus states are accessible and consistent.