Refine Dashboard Layout and Styles for Improved User Experience

- Adjusted the top positioning of the dashboard tab pane for better alignment.
- Updated the flex gap in the main content layout to enhance spacing consistency.
- Modified mouse enter delay for dashboard tab items to improve interaction responsiveness.

assets/stylesheets/App.css

@@ -4027,13 +4027,13 @@ body.objectKanbanColumnResizing * {
 
 .dashboard-tab-pane {
   position: absolute;
-  top: 0;
+  top: 10px;
   left: 0;
+  right: 0;
+  bottom: 0;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  width: 100%;
-  height: 100%;
   min-width: 0;
   min-height: 0;
 }

src/components/Dashboard/Layout.jsx

@@ -61,7 +61,7 @@ const DashboardLayout = ({ children }) => {
             className='main-content-layout'
           >
             <Content>
-              <Flex vertical style={{ height: '100%' }} gap='20px'>
+              <Flex vertical style={{ height: '100%' }} gap='10px'>
                 <Flex justify='space-between' align='center'>
                   <DashboardBreadcrumb style={{ margin: '16px 0' }} />
                   {currentObjectTools}

src/components/Dashboard/common/DashboardTabs.jsx

@@ -154,7 +154,7 @@ const DashboardTabItem = ({
       trigger='hover'
       placement='bottom'
       arrow={false}
-      mouseEnterDelay={0}
+      mouseEnterDelay={1}
       mouseLeaveDelay={0}
       destroyOnHidden
       open={isDragging ? false : previewOpen}