feat: OPTIC-1733: Standardize Dropdown Components Using LSE selector

[yyassi-heartex]

New unified Select component

This pull request primarily focuses on replacing existing Select components with the Select component from the @humansignal/ui library across multiple files. Additionally, it includes some refactoring and enhancements to improve code readability and functionality. Below are the most important changes:

UI Component Updates:

• Replaced the existing Select components with Select from @humansignal/ui in various files, including Select.jsx, Pagination.tsx, Config.jsx, CreateProject.jsx, GeneralSettings.jsx, Forms.jsx, StorageForm.jsx, SampleDatasetSelect.tsx, ModelVersionSelector.jsx, and Select.jsx in the datamanager directory. [1] [2] [3] [4] [5] [6] [7] [8] Fbb5e0ebL1, [9]

Functional Enhancements:

• Updated event handlers for Select components to use the new onChange signature provided by @humansignal/ui, replacing the previous event-based handlers. [1] [2] [3] [4] [5] [6]

Code Refactoring:

• Added useMemo hooks to optimize the computation of options for Select components, ensuring better performance and readability. [1] [2] [3]

CSS and Layout Adjustments:

• Modified CSS styles to support the new Select component layout, including changes in uikit.css to use display: flex instead of display: block.

Miscellaneous:

• Minor adjustments to imports and code structure to maintain consistency and improve code clarity. [1] [2] [3] [4]

These changes collectively enhance the consistency and maintainability of the codebase by standardizing the use of the Select component from @humansignal/ui and optimizing related code.

[borisheartex]

/fm sync

Workflow run

[yyassi-heartex]

/git merge develop

Workflow run
Successfully merged: 1 file changed, 10 insertions(+), 8 deletions(-)

[yyassi-heartex]

/fm sync

[yyassi-heartex]

/git merge

Workflow run
Successfully merged: Already up to date.

All feedback was addressed exactly as suggested.