fix: add debounced to podgroup search

[pggdev]

Summary

• Added debounce handling to the PodGroup search input to avoid updating the query on every keystroke.
• Introduced a debounced search value and updated the PodGroup tRPC query to use it instead of the raw input value.
• Reset pagination to the first page when a new debounced search is applied, so filtered results start from the beginning.
• Kept the Refresh action responsive by applying any pending search input before refreshing.

Testing

• npm run lint
• npx tsc -p apps/web/tsconfig.json --noEmit

[volcano-sh-bot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign monokaix for approval. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[gemini-code-assist]

Code Review

This pull request introduces a debounced search mechanism for pod group management to reduce redundant API queries. The feedback suggests optimizing the useEffect hook with a guard clause to prevent unnecessary timeouts on initial mount and when clearing the search term.

[gemini-code-assist]

The useEffect hook currently runs on every change of searchTerm, including the initial mount and when the search is cleared (where both searchTerm and debouncedSearchTerm are immediately set to ""). This results in redundant timeouts and state updates.

By adding a guard clause if (searchTerm === debouncedSearchTerm) return; and including debouncedSearchTerm in the dependency array, we can prevent unnecessary timeouts on mount, on clear, and after the debounce successfully completes.

    useEffect(() => {
        if (searchTerm === debouncedSearchTerm) return;

        const timer = window.setTimeout(() => {
            setDebouncedSearchTerm(searchTerm)
            setPagination((prev) => ({ ...prev, page: 1 }))
        }, 200)

        return () => window.clearTimeout(timer)
    }, [searchTerm, debouncedSearchTerm])