refactor: migrate to useKeyMatchers hook (#21753)

packages/cli/src/ui/hooks/useTabbedNavigation.ts

@@ -6,7 +6,8 @@
 
 import { useReducer, useCallback, useEffect, useRef } from 'react';
 import { useKeypress, type Key } from './useKeypress.js';
-import { keyMatchers, Command } from '../keyMatchers.js';
+import { Command } from '../keyMatchers.js';
+import { useKeyMatchers } from './useKeyMatchers.js';
 
 /**
  * Options for the useTabbedNavigation hook.
@@ -147,6 +148,7 @@ export function useTabbedNavigation({
   isActive = true,
   onTabChange,
 }: UseTabbedNavigationOptions): UseTabbedNavigationResult {
+  const keyMatchers = useKeyMatchers();
   const [state, dispatch] = useReducer(tabbedNavigationReducer, {
     currentIndex: Math.max(0, Math.min(initialIndex, tabCount - 1)),
     tabCount,
@@ -231,6 +233,7 @@ export function useTabbedNavigation({
       goToNextTab,
       goToPrevTab,
       isNavigationBlocked,
+      keyMatchers,
     ],
   );