fix: polish board grid interactions

apps/nextjs/src/components/board/items/item-content.module.css

@@ -13,11 +13,14 @@
 
 .editModeInertContent {
   display: contents;
+}
+
+.editModeInertContent[data-board-grid-inert-content="true"] {
   pointer-events: none;
   user-select: none;
 }
 
-.editModeInertContent * {
+.editModeInertContent[data-board-grid-inert-content="true"] * {
   pointer-events: none !important;
   user-select: none !important;
 }

apps/nextjs/src/components/board/items/widget-hover-overlay.tsx

@@ -41,7 +41,7 @@ const LoadedWidgetHoverOverlay = ({ item, integrations }: WidgetHoverOverlayProp
   );
 
   return (
-    <div className={classes.wrapper}>
+    <div className={classes.wrapper} data-board-widget-header>
       <div className={classes.panel}>
         <div className={classes.nameSection}>
           <WidgetIcon size={14} stroke={1.75} className={classes.widgetIcon} />