9024 workflow test serverless function follow up (#9066)

-  Fix Tablist style
- Fix dropdown style (wrong grey background)
- Update dropdown variable when no outputSchema is available 



https://github.com/user-attachments/assets/56698fe8-8dd3-404a-b2b2-f1eca6f5fa28

packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx

@@ -4,6 +4,7 @@ import styled from '@emotion/styled';
 import { ReactElement } from 'react';
 import { Link } from 'react-router-dom';
 import { IconComponent, Pill } from 'twenty-ui';
+import { EllipsisDisplay } from '@/ui/field/display/components/EllipsisDisplay';
 
 type TabProps = {
   id: string;
@@ -93,7 +94,7 @@ export const Tab = ({
       <StyledHover>
         {logo && <StyledLogo src={logo} alt={`${title} logo`} />}
         {Icon && <Icon size={theme.icon.size.md} />}
-        {title}
+        <EllipsisDisplay>{title}</EllipsisDisplay>
         {pill && typeof pill === 'string' ? <Pill label={pill} /> : pill}
       </StyledHover>
     </StyledTab>

packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx

@@ -37,6 +37,10 @@ const StyledTabsContainer = styled.div`
   height: 40px;
   user-select: none;
   margin-bottom: -1px;
+  overflow-y: scroll;
+  ::-webkit-scrollbar {
+    display: none;
+  }
 `;
 
 const StyledContainer = styled.div`
@@ -52,10 +56,10 @@ export const TabList = ({
 }: TabListProps) => {
   const visibleTabs = tabs.filter((tab) => !tab.hide);
 
-  const initialActiveTabId = visibleTabs[0]?.id || '';
-
   const { activeTabId, setActiveTabId } = useTabList(tabListInstanceId);
 
+  const initialActiveTabId = activeTabId || visibleTabs[0]?.id || '';
+
   useEffect(() => {
     setActiveTabId(initialActiveTabId);
   }, [initialActiveTabId, setActiveTabId]);