perf: memoize expensive toolkit filtering and grouping (#122)

[pithva007]

Description

Resolves #122

This PR addresses potential performance bottlenecks on the Toolkit page as the catalog of items grows. By auditing the derived state and wrapping expensive filtering and grouping operations in useMemo, we prevent unnecessary recomputations during standard re-renders.

Changes Made

• Memoized Derived Arrays: Applied useMemo to the primary filtering and grouping logic within the Toolkit components.
• Optimized Dependencies: Carefully mapped out dependency arrays to ensure the cached data updates correctly only when search queries, selected filters, or catalog data change.
• Scoped Refactoring: Kept all optimizations localized to the Toolkit page context without introducing premature global abstractions.

Acceptance Criteria Met

• No visual or behavioral changes to the UI (Rendered output remains exactly the same).
• Unnecessary re-renders and recomputations are prevented.
• Existing filtering semantics are preserved.
• Tests pass successfully (and were updated where semantics were touched, if applicable).

How to Test

1. Navigate to the Toolkit page.
2. Interact with the search, filters, and categories.
3. Verify that the rendered lists and groups appear exactly as they did before this branch.
4. (Optional) Check React DevTools Profiler to observe the reduced rendering cost when interacting with page states unrelated to the catalog.

[Copilot]

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

[utksh1]

Looks good after the follow-up cleanup: memoizes toolkit grouping/filtering and quick-access lookup without unrelated lockfile churn; checks are green.