Enhance Dashboard Tab Styles and Capture Logic

- Added isolation and improved z-index management in CSS for active and inactive dashboard tab panes, enhancing visual clarity.
- Updated styles for inactive tabs to improve layout handling and visibility transitions.
- Modified tab preview capture styles to ensure consistent display and layout during rendering, improving user experience.

assets/stylesheets/App.css

@@ -4015,6 +4015,7 @@ body.objectKanbanColumnResizing * {
 
 .dashboard-tab-panes {
   position: relative;
+  isolation: isolate;
   flex: 1 1 auto;
   min-height: 0;
   height: 100%;
@@ -4035,23 +4036,30 @@ body.objectKanbanColumnResizing * {
 }
 
 .dashboard-tab-pane-active {
-  z-index: 1;
-  pointer-events: auto;
+  z-index: 2;
+  isolation: isolate;
+  display: flex;
+  visibility: visible;
+  opacity: 1;
   transform: none;
 }
 
 .dashboard-tab-pane-inactive {
   z-index: 0;
   overflow: hidden;
-  pointer-events: none;
+  display: none;
   visibility: hidden;
-  transform: translate(-100%, 0);
+  opacity: 0;
 }
 
 .dashboard-tab-pane-inactive.dashboard-tab-pane-capturing {
-  /* Stay translated off-screen so capture cannot cover the active tab.
-     Layout size stays 100% of the host for SnapDOM. */
+  /* Preview render: show and size the pane, but keep it off-screen. */
+  display: flex;
+  flex-direction: column;
   visibility: visible;
+  opacity: 1;
+  transform: translate(-100%, 0);
+  z-index: 0;
 }
 
 .dashboard-tab-preview-popover .ant-popover-inner {

src/components/Dashboard/context/tabPreviewCapture.js

@@ -115,11 +115,12 @@ const tabPreviewPlugin = {
     styles.right = 'auto'
     styles.bottom = 'auto'
     styles.zIndex = '2'
+    styles.display = 'flex'
+    styles.flexDirection = 'column'
     styles.opacity = '1'
     styles.visibility = 'visible'
     styles.translate = 'none'
     styles.transform = 'none'
-    styles.pointerEvents = 'none'
     styles.overflow = 'hidden'
   }
 }