Enhance Query Input with Autocomplete

[jayne-s]

Adding Autocomplete feature to Query Input. Query bar provides helpful suggestions as you type and guides in building queries without needing to memorize specific attribute names. Leads to fewer errors and makes the process of filtering workflows quicker and efficient. Performed local testing using development environment, ensuring styling of component was maintained.

[adhityamamallan]

Hey, I had some comments regarding the code; but could you also share some screenshots of this new input?

[Copilot]

Pull Request Overview

This PR enhances the query input component by adding autocomplete suggestions to help users build queries faster and with fewer errors.

• Integrates react-autosuggest into the query input component.
• Adds a new autocompletes module with preset suggestions for attributes, operators, and statuses.
• Updates tests and package dependencies to support the new autocomplete functionality.

Reviewed Changes

Copilot reviewed 4 out of 5 changed files in this pull request and generated no comments.

File	Description
src/views/shared/workflows-header/workflows-query-input/workflows-query-input.tsx	Integrated react-autosuggest, added suggestion fetching/selection, and updated input rendering logic.
src/views/shared/workflows-header/workflows-query-input/autocompletes.tsx	Introduced a new module that defines autocomplete suggestions.
src/views/shared/workflows-header/workflows-query-input/tests/workflows-query-input.test.tsx	Adjusted tests to account for the new behavior (with some tests skipped due to jsdom limitations).
package.json	Added react-autosuggest dependency and its TypeScript definitions.

Comments suppressed due to low confidence (2)

src/views/shared/workflows-header/workflows-query-input/workflows-query-input.tsx:294

• The onSubmit function is referenced in the form submission handler but is not defined or passed as a prop. Consider either adding onSubmit to the component's props or using an existing prop like refetchQuery if that was the intended behavior.

        onSubmit();

src/views/shared/workflows-header/workflows-query-input/workflows-query-input.tsx:250

• [nitpick] The conversion and deletion of 'max', 'min', and 'step' properties is performed twice in renderInputComponent. Consolidating this logic could improve maintainability.

    });