Refactor apps service toward TanStack Query

[hila-f-qodo]

Benchmark PR from qodo-benchmark#84

[augmentcode]

🤖 Augment PR Summary

Summary: This PR refactors the web “apps” data layer toward TanStack Query (React Query), replacing several SWR/SWRInfinite usages with query hooks.

Changes:

• Introduced/expanded web/service/use-apps.ts with React Query hooks for app lists (paged + infinite), app detail, statistics metrics, voices, and API keys.
• Updated multiple UI entry points (account page, app overview charts, apps list, header app nav, plugin app selector, secret key modal) to use the new hooks instead of SWR.
• Reworked infinite scrolling logic to use fetchNextPage/hasNextPage instead of setSize/has_more checks.
• Adjusted API service helpers in web/service/apps.ts to return explicit Promise<…> types rather than SWR Fetcher typings.
• Updated the demo service component to use TanStack Query primitives (useQuery, useMutation, invalidation).
• Minor UI tweak in the empty state overlay class ordering.

Technical Notes: The new hooks standardize query keys under the apps namespace, enabling centralized invalidation (e.g., list and API keys) and reuse across the app.

_{🤖 Was this summary useful? React with 👍 or 👎}

[augmentcode]

Review completed. 2 suggestions posted.

Comment augment review to trigger a new review at any time.

[augmentcode]

mock_factory_class.get_recommend_app_factory.return_value is assigned after calling RecommendedAppService.get_recommended_apps_and_categories, so the service call won’t use mock_retrieval_instance and the assertion result == expected_response will likely fail.

_{🤖 Was this useful? React with 👍 or 👎}

[augmentcode]

In useInfiniteAppList, queryKey uses the raw params while the request uses normalizedParams; this can fragment the cache (e.g., defaults or mode: 'all') and make the key not accurately represent the fetched data.

_{🤖 Was this useful? React with 👍 or 👎}