refactor(api): Migrate hooks to React Query and centralize query logic

frontend/editor/src/core/components/AppProviders.tsx

@@ -1,4 +1,5 @@
-import { ReactNode, useEffect } from "react";
+import { ReactNode, useEffect, useState } from "react";
+import { QueryClientProvider } from "@tanstack/react-query";
 import { ThemeProvider } from "@app/components/shared/ThemeProvider";
 import { FileContextProvider } from "@app/contexts/FileContext";
 import { NavigationProvider } from "@app/contexts/NavigationContext";
@@ -37,6 +38,7 @@ import { RedactionProvider } from "@app/contexts/RedactionContext";
 import { FormFillProvider } from "@app/tools/formFill/FormFillContext";
 import { FolderFileContextProvider } from "@app/contexts/FolderFileContext";
 import { FolderProvider } from "@app/contexts/FolderContext";
+import { createEditorQueryClient } from "@app/queryClient";
 
 // Component to initialize scarf tracking (must be inside AppConfigProvider)
 function ScarfTrackingInitializer() {
@@ -114,7 +116,16 @@ function ServerDefaultsSync() {
  * Core application providers
  * Contains all providers needed for the core
  */
-export function AppProviders({
+export function AppProviders(props: AppProvidersProps) {
+  const [queryClient] = useState(createEditorQueryClient);
+  return (
+    <QueryClientProvider client={queryClient}>
+      <AppProvidersTree {...props} />
+    </QueryClientProvider>
+  );
+}
+
+function AppProvidersTree({
   children,
   appConfigRetryOptions,
   appConfigProviderProps,
@@ -133,7 +144,7 @@ export function AppProviders({
               <AppConfigLoader />
               <ServerDefaultsSync />
               {/* Auto-popup on startup when a newer Stirling-PDF release is available.
-                  No-ops inside Tauri — the desktop popup handles that flow. */}
+                  No-ops inside Tauri; the desktop popup handles that flow. */}
               <UpdateStartupPopup />
               <FileContextProvider
                 enableUrlSync={true}

frontend/editor/src/core/contexts/AppConfigContext.test.tsx

@@ -1,16 +1,43 @@
 import { describe, it, expect, beforeEach, vi, afterEach } from "vitest";
 import { waitFor, renderHook, act } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import {
   AppConfigProvider,
   useAppConfig,
 } from "@app/contexts/AppConfigContext";
 import apiClient from "@app/services/apiClient";
 import { allowConsole, expectConsole } from "@app/tests/failOnConsole";
-import { ReactNode } from "react";
+import { ReactNode, useState } from "react";
 
 // Mock apiClient
 vi.mock("@app/services/apiClient");
 
+function createTestQueryClient() {
+  return new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+        gcTime: 0,
+      },
+    },
+  });
+}
+
+function TestProviders({
+  children,
+  appConfigProps,
+}: {
+  children: ReactNode;
+  appConfigProps?: React.ComponentProps<typeof AppConfigProvider>;
+}) {
+  const [client] = useState(createTestQueryClient);
+  return (
+    <QueryClientProvider client={client}>
+      <AppConfigProvider {...appConfigProps}>{children}</AppConfigProvider>
+    </QueryClientProvider>
+  );
+}
+
 describe("AppConfigContext", () => {
   beforeEach(() => {
     vi.clearAllMocks();
@@ -26,7 +53,7 @@ describe("AppConfigContext", () => {
   });
 
   const wrapper = ({ children }: { children: ReactNode }) => (
-    <AppConfigProvider>{children}</AppConfigProvider>
+    <TestProviders>{children}</TestProviders>
   );
 
   it("should fetch and provide app config on non-auth pages", async () => {
@@ -261,9 +288,9 @@ describe("AppConfigContext", () => {
     };
 
     const customWrapper = ({ children }: { children: ReactNode }) => (
-      <AppConfigProvider initialConfig={initialConfig}>
+      <TestProviders appConfigProps={{ initialConfig }}>
         {children}
-      </AppConfigProvider>
+      </TestProviders>
     );
 
     const { result } = renderHook(() => useAppConfig(), {