Context

Currently, keyboard shortcuts are displayed using hover-revealed containers. While this reduces visual clutter compared to always-visible shortcuts, we can improve the UX further by using proper tooltips instead.

Current State

• Keyboard shortcuts are shown on hover using a wrapper div with hover state
• Examples include:
  • Live/pause logs: ⌥+⇧+Q
  • Refresh data: ⌥+⇧+W
  • Clear filters: ⌥+⇧+A
  • Focus filters: ⌥+⇧+S

Requested Change

Replace the current hover-revealed keyboard shortcut displays with proper tooltip components.

Benefits

• More consistent with standard UI patterns
• Better accessibility
• Cleaner implementation

Additional Context

• Requested by: @chronark
• Related PR: chore: UI improvements v2 #4060
• Comment: chore: UI improvements v2 #4060 (comment)