Integrate Orama for search

components/Common/Search/States/WithSearchBox.tsx

@@ -119,7 +119,11 @@ export const WithSearchBox: FC<SearchBoxProps> = ({ onClose }) => {
 
   return (
     <div className={styles.searchBoxModalContainer}>
-      <div className={styles.searchBoxModalPanel} ref={searchBoxRef}>
+      <div
+        className={styles.searchBoxModalPanel}
+        ref={searchBoxRef}
+        data-test="1"
+      >
         <div className={styles.searchBoxInnerPanel}>
           <div className={styles.searchBoxInputContainer}>
             <button

hooks/react-client/useClickOutside.ts

@@ -8,7 +8,7 @@ const useClickOutside = <T extends HTMLElement>(
   useEffect(() => {
     const element = ref?.current;
     const handleClickOutside = (event: Event) => {
-      if (element && !element.contains(event.currentTarget as Node)) {
+      if (element && !element.contains(event.target as Node)) {
         fn();
       }
     };