Add first filter step version (#13093)

I rebuilt the advanced filters used in views and workflow search for a
specific filter step.

Components structure remains the same, using `stepFilterGroups` and
`stepFilters`. But those filters are directly sent to backend.

Also re-using the same kind of states we use for advanced filters to
share the current filters used. And a context to share what's coming
from workflow props (function to update step settings and readonly)

⚠️ this PR only focusses on the content of the step. There is still a
lot to do on the filter icon behavior in the workflow



https://github.com/user-attachments/assets/8a6a76f0-11fa-444a-82b9-71fc96b18af4

packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdown.tsx

@@ -37,12 +37,14 @@ export const WorkflowVariablesDropdown = ({
   disabled,
   objectNameSingularToSelect,
   multiline,
+  clickableComponent,
 }: {
   instanceId: string;
   onVariableSelect: (variableName: string) => void;
   disabled?: boolean;
   objectNameSingularToSelect?: string;
   multiline?: boolean;
+  clickableComponent?: React.ReactNode;
 }) => {
   const theme = useTheme();
 
@@ -102,12 +104,14 @@ export const WorkflowVariablesDropdown = ({
     <Dropdown
       dropdownId={dropdownId}
       clickableComponent={
-        <StyledDropdownVariableButtonContainer
-          isUnfolded={isDropdownOpen}
-          transparentBackground
-        >
-          <IconVariablePlus size={theme.icon.size.sm} />
-        </StyledDropdownVariableButtonContainer>
+        clickableComponent ?? (
+          <StyledDropdownVariableButtonContainer
+            isUnfolded={isDropdownOpen}
+            transparentBackground
+          >
+            <IconVariablePlus size={theme.icon.size.sm} />
+          </StyledDropdownVariableButtonContainer>
+        )
       }
       dropdownComponents={
         !isDefined(selectedStep) ? (