feat(Support): support center admin settings

Author: jakeaturner

client/package-lock.json

@@ -14,6 +14,8 @@
     "@fortawesome/fontawesome-free": "^5.15.4",
     "@libretexts/insight-ckeditor5-build": "^1.0.0",
     "@tailwindcss/typography": "^0.5.10",
+    "@tanstack/react-query": "^4.36.1",
+    "@tanstack/react-query-devtools": "^4.36.1",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",

client/package.json

@@ -134,7 +134,7 @@ const Conductor = () => {
         <LibreTextsRoute exact path='/support' key="support" component={SupportCenter} org={org}/>
         {/* <LibreTextsRoute exact path='/support/contact' key="supportcontact" component={SupportCenterCreateTicket} org={org}/>
         <LibreTextsRoute exact path='/support/ticket/:id' key='supportticket' org={org} component={SupportTicket} /> */}
-        {/* LibreTexts org private routes */}
+        {/*LibreTexts org private routes */}
         {/* <LibreTextsPrivateRoute exact path='/support/dashboard' key='supportdashboard' org={org} component={SupportDashboard} /> */}
         {/* 404 */}
         <Route component={PageNotFound} />

client/src/Conductor.jsx

@@ -12,6 +12,8 @@ import withOrgStateDependency from "./enhancers/withOrgStateDependency";
 import "./styles/global.css";
 import { ErrorBoundary } from "react-error-boundary";
 import ErrorScreen from "./screens/ErrorScreen";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 
 /**
  * Exposes the applications and global configuration.
@@ -76,11 +78,16 @@ const Platform = () => {
   /* Require Organization info globally */
   const Application = withOrgStateDependency(ApplicationTree);
 
+  const queryClient = new QueryClient();
+
   return (
     <BrowserRouter>
-      <Provider store={store}>
-        <Application />
-      </Provider>
+      <QueryClientProvider client={queryClient}>
+        <Provider store={store}>
+          <Application />
+        </Provider>
+        <ReactQueryDevtools initialIsOpen={false} />
+      </QueryClientProvider>
     </BrowserRouter>
   );
 };