fix: Prevent incorrect dashboard side panel close (#1372)

Closes #1324 
Closes HDX-2724

This PR fixes a bug that caused the Side Panel to close when clicked when on a dashboard with more than one Search Table tile. The fix was to remove the `useClickOutside` hook in favor of Mantine's default behavior, which is to close when clicking outside the drawer.

Author: pulpdrew

.changeset/ninety-baboons-shop.md

@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+fix: Prevent incorrect dashboard side panel close

packages/app/src/components/DBRowSidePanel.tsx

@@ -15,7 +15,6 @@ import { useHotkeys } from 'react-hotkeys-hook';
 import { TSource } from '@hyperdx/common-utils/dist/types';
 import { ChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';
 import { Box, Drawer, Flex, Stack } from '@mantine/core';
-import { useClickOutside } from '@mantine/hooks';
 
 import DBRowSidePanelHeader, {
   BreadcrumbNavigationCallback,
@@ -527,12 +526,6 @@ export default function DBRowSidePanelErrorBoundary({
 
   useHotkeys(['esc'], _onClose, { enabled: subDrawerOpen === false });
 
-  const drawerRef = useClickOutside(() => {
-    if (!subDrawerOpen && !isChildModalOpen && rowId != null) {
-      _onClose();
-    }
-  }, ['mouseup', 'touchend']);
-
   return (
     <Drawer
       opened={rowId != null}
@@ -554,11 +547,7 @@ export default function DBRowSidePanelErrorBoundary({
       zIndex={drawerZIndex}
     >
       <ZIndexContext.Provider value={drawerZIndex}>
-        <div
-          className={styles.panel}
-          ref={drawerRef}
-          data-testid="row-side-panel"
-        >
+        <div className={styles.panel} data-testid="row-side-panel">
           <Box className={styles.panelDragBar} onMouseDown={startResize} />
           <ErrorBoundary
             fallbackRender={error => (