fix: onSelect 이벤트가 발생하더라도 input 포커스 유지하도록 수정

사용자 경험을 향상하기 위해 사용자가 뭔가를 선택해도 input으로 포커스를 다시 설정합니다.
하지만 현재 사용 사례를 고려했을 때 문제 될 점이 없으므로 이 방식대로 적용합니다.

src/lib/tabs/tabs-cmdk.svelte

@@ -71,11 +71,29 @@
     }
   };
 
+  const isFocusable = (element: HTMLElement): boolean => {
+    const tabIndex = element.getAttribute('tabIndex');
+    const isTabIndexFocusable = tabIndex !== null && parseInt(tabIndex, 10) >= 0;
+
+    return isTabIndexFocusable || element.isContentEditable;
+  };
+
+  const handleClickOutside = (event: MouseEvent) => {
+    const target = event.target as HTMLElement;
+
+    if (!isFocusable(target)) {
+      cmdkInputEl?.focus();
+      event.preventDefault();
+    }
+  };
+
   onMount(() => {
     cmdkInputEl = document.querySelector('[data-cmdk-input]') as HTMLInputElement;
   });
 </script>
 
+<svelte:window on:click={handleClickOutside} />
+
 <Command.Root
   onKeydown={handleKeydown}
   tabindex={-1}