Refactor Tooltip Timing and Enhance Dashboard Splitter Styles

- Reduced fade-out duration for tooltips from 500ms to 250ms and hide delay from 100ms to 10ms for improved responsiveness.
- Updated DashboardSidebarSplitter to include a new class for the content panel, enhancing layout flexibility and styling consistency.
- Adjusted CSS for cursor tooltip transitions to provide a smoother visual experience.

assets/stylesheets/App.css

@@ -363,7 +363,7 @@ code {
 
 .cursor-tooltip {
   opacity: 0;
-  transition: opacity 0.5s ease;
+  transition: opacity 0.25s ease;
 }
 
 .cursor-tooltip.is-visible {
@@ -1558,3 +1558,8 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
   .ant-splitter-bar-dragger::after {
   content: none;
 }
+
+.dashboard-splitter.farmcontrol-splitter
+  .ant-splitter-panel.dashboard-splitter-content-panel {
+  flex-grow: 1 !important;
+}

src/components/Dashboard/common/DashboardSidebarSplitter.jsx

@@ -208,7 +208,9 @@ const DashboardSidebarSplitter = ({ sidebar, children }) => {
         >
           {sidebarNode}
         </Splitter.Panel>
-        <Splitter.Panel min={320}>{children}</Splitter.Panel>
+        <Splitter.Panel min={320} className='dashboard-splitter-content-panel'>
+          {children}
+        </Splitter.Panel>
       </Splitter>
     </Layout>
   )

src/components/Dashboard/context/TooltipContext.jsx

@@ -11,8 +11,8 @@ import CursorTooltip from '../common/CursorTooltip'
 
 const TooltipContext = createContext(null)
 
-const HIDE_DELAY_MS = 100
+const HIDE_DELAY_MS = 10
-const FADE_OUT_MS = 500
+const FADE_OUT_MS = 250
 
 export const TooltipProvider = ({ children }) => {
   const [content, setContent] = useState(null)