Use middleware to verify secret key (#4338)

ui/desktop/src/renderer.tsx

@@ -1,30 +1,30 @@
 import React, { Suspense, lazy } from 'react';
 import ReactDOM from 'react-dom/client';
 import { ConfigProvider } from './components/ConfigContext';
-import {
-  ClientInitializationProvider,
-  RequireClientInitialization,
-} from './contexts/ClientInitializationContext';
 import { ErrorBoundary } from './components/ErrorBoundary';
-import { patchConsoleLogging } from './utils';
 import SuspenseLoader from './suspense-loader';
-
-patchConsoleLogging();
+import { client } from './api/client.gen';
 
 const App = lazy(() => import('./App'));
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <ClientInitializationProvider>
+(async () => {
+  client.setConfig({
+    baseUrl: window.appConfig.get('GOOSE_API_HOST') + ':' + window.appConfig.get('GOOSE_PORT'),
+    headers: {
+      'Content-Type': 'application/json',
+      'X-Secret-Key': await window.electron.getSecretKey(),
+    },
+  });
+
+  ReactDOM.createRoot(document.getElementById('root')!).render(
     <React.StrictMode>
       <Suspense fallback={SuspenseLoader()}>
-        <RequireClientInitialization>
-          <ConfigProvider>
-            <ErrorBoundary>
-              <App />
-            </ErrorBoundary>
-          </ConfigProvider>
-        </RequireClientInitialization>
+        <ConfigProvider>
+          <ErrorBoundary>
+            <App />
+          </ErrorBoundary>
+        </ConfigProvider>
       </Suspense>
     </React.StrictMode>
-  </ClientInitializationProvider>
-);
+  );
+})();