Select Field Input Menu scrollable and add Select Field in Filter and Sort (#3656)

* - fix Select Option Menu scrollable and added search

- add select field in filter and sort operation

* Fix lint

* Fix post merge

* Fix select filter

* Fix

* Remove duplicated search input

* fix turn object into query

* Rename search inputs

* Remove debounced for options

* Simplify option filter

* Rename option to MenuItemSelectTag

* Fix test

* Infer type from field metadata item

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Thomas Trompette <thomast@twenty.com>

packages/twenty-front/src/modules/views/components/ViewBarFilterEffect.tsx

@@ -26,6 +26,7 @@ export const ViewBarFilterEffect = ({
     setOnFilterSelect,
     filterDefinitionUsedInDropdown,
     setObjectFilterDropdownSelectedRecordIds,
+    setObjectFilterDropdownSelectedOptionValues,
     isObjectFilterDropdownUnfolded,
   } = useFilterDropdown({ filterDropdownId });
 
@@ -61,12 +62,29 @@ export const ViewBarFilterEffect = ({
         : [];
 
       setObjectFilterDropdownSelectedRecordIds(viewFilterSelectedRecordIds);
+    } else if (filterDefinitionUsedInDropdown?.type === 'SELECT') {
+      const viewFilterUsedInDropdown = currentViewFilters.find(
+        (filter) =>
+          filter.fieldMetadataId ===
+          filterDefinitionUsedInDropdown.fieldMetadataId,
+      );
+
+      const viewFilterSelectedOptionValues = isNonEmptyString(
+        viewFilterUsedInDropdown?.value,
+      )
+        ? JSON.parse(viewFilterUsedInDropdown.value)
+        : [];
+
+      setObjectFilterDropdownSelectedOptionValues(
+        viewFilterSelectedOptionValues,
+      );
     }
   }, [
     filterDefinitionUsedInDropdown,
     currentViewFilters,
     setObjectFilterDropdownSelectedRecordIds,
     isObjectFilterDropdownUnfolded,
+    setObjectFilterDropdownSelectedOptionValues,
   ]);
 
   return <></>;