fix(styles): several fixes for different styles (#4483)

platform/ui-next/src/components/PanelSection/PanelSection.tsx

@@ -34,7 +34,7 @@ export const PanelSection: React.FC<PanelSectionProps> & {
       type="single"
       collapsible
       defaultValue={defaultOpen ? 'item' : undefined}
-      className={cn('overflow-hidden', className)}
+      className={cn('flex-shrink-0 overflow-hidden', className)}
     >
       <AccordionItem
         value="item"

platform/ui-next/src/components/SegmentationTable/SegmentationSelectorHeader.tsx

@@ -138,7 +138,7 @@ export const SegmentationSelectorHeader: React.FC<{ children?: React.ReactNode }
           ))}
         </SelectContent>
       </Select>
-      <Tooltip>
+      <Tooltip delayDuration={100}>
         <TooltipTrigger asChild>
           <Button
             variant="ghost"

platform/ui-next/src/components/SidePanel/SidePanel.tsx

@@ -360,7 +360,7 @@ const SidePanel = ({
   const getOpenStateComponent = () => {
     return (
       <>
-        <div className="bg-bkg-med flex h-[40px] select-none rounded-t p-2">
+        <div className="bg-bkg-med flex h-[40px] flex-shrink-0 select-none rounded-t p-2">
           {tabs.length === 1 ? getOneTabComponent() : getTabGridComponent()}
         </div>
         <Separator

platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx

@@ -70,21 +70,23 @@ const StudyBrowser = ({
   };
 
   return (
-    <div data-cy={'studyBrowser-panel'}>
-      {showSettings && (
-        <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
-          <>
-            <StudyBrowserViewOptions
-              tabs={tabs}
-              onSelectTab={onClickTab}
-              activeTabName={activeTabName}
-            />
-            <StudyBrowserSort servicesManager={servicesManager} />
-          </>
-        </div>
-      )}
-
-      <div className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto">
+    <div
+      className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto"
+      data-cy={'studyBrowser-panel'}
+    >
+      <div>
+        {showSettings && (
+          <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
+            <>
+              <StudyBrowserViewOptions
+                tabs={tabs}
+                onSelectTab={onClickTab}
+                activeTabName={activeTabName}
+              />
+              <StudyBrowserSort servicesManager={servicesManager} />
+            </>
+          </div>
+        )}
         {getTabContent()}
       </div>
     </div>