Update Dashboard Tab Pointer Events for Enhanced Interaction

- Changed pointer events for dashboard tab elements to improve user interaction, ensuring that the close button is responsive while maintaining a consistent experience across the dashboard.
- Adjusted CSS properties to refine the visual behavior of tab elements during user interactions.

assets/stylesheets/App.css

@@ -162,7 +162,7 @@
   pointer-events: none;
   opacity: 1;
   /* Wait for outgoing chrome to finish fading before this line appears. */
-  transition: opacity 0.2s ease 0.2s;
+  transition: opacity 0s ease 0s;
 }
 
 .dashboard-navigation-center-border-hidden {
@@ -3892,7 +3892,7 @@ body.objectKanbanColumnResizing * {
 }
 
 .dashboard-tab-sticky-clone[data-edge] .dashboard-tab-item {
-  pointer-events: auto;
+  pointer-events: none;
   box-sizing: border-box;
   width: var(--tab-sticky-width);
   min-width: var(--tab-sticky-width);
@@ -3924,8 +3924,8 @@ body.objectKanbanColumnResizing * {
   overflow: hidden;
 }
 
-.dashboard-tab-sticky-clone[data-faded='true'] .dashboard-tabs-label {
+.dashboard-tab-sticky-clone[data-edge] .dashboard-tabs-close {
-  pointer-events: none;
+  pointer-events: auto;
 }
 
 .dashboard-tabs-close {
@@ -3937,6 +3937,7 @@ body.objectKanbanColumnResizing * {
   width: 16px;
   height: 16px;
   margin-left: 1px;
+  margin-right: -2px;
   border-radius: 8px;
   color: var(--color-text-secondary, inherit);
   opacity: 0.7;