fix(ui): move logging setup to react code

Author: psychedelicious

invokeai/frontend/web/src/app/components/InvokeAIUI.tsx

@@ -1,12 +1,22 @@
 import 'i18n';
 
+import { configureLogging } from 'app/logging/logger';
 import { addStorageListeners } from 'app/store/enhancers/reduxRemember/driver';
 import { $store } from 'app/store/nanostores/store';
 import { createStore } from 'app/store/store';
 import Loading from 'common/components/Loading/Loading';
 import React, { lazy, memo, useEffect, useState } from 'react';
 import { Provider } from 'react-redux';
 
+/*
+ * We need to configure logging before anything else happens - useLayoutEffect ensures we set this at the first
+ * possible opportunity.
+ *
+ * Once redux initializes, we will check the user's settings and update the logging config accordingly. See
+ * `useSyncLoggingConfig`.
+ */
+configureLogging(true, 'debug', '*');
+
 const App = lazy(() => import('./App'));
 
 const InvokeAIUI = () => {

invokeai/frontend/web/src/app/logging/logger.ts

@@ -83,12 +83,3 @@ export const configureLogging = (
 
   ROARR.write = createLogWriter({ styleOutput });
 };
-
-/*
- * We need to configure logging before anything else happens - useLayoutEffect ensures we set this at the first
- * possible opportunity.
- *
- * Once redux initializes, we will check the user's settings and update the logging config accordingly. See
- * `useSyncLoggingConfig`.
- */
-configureLogging(true, 'debug', '*');