refactor: Move providers to App's parent component

Move history & config providers to `main` allowing the App component to
consume the context values (eg: to show current query as window title)

src/renderer/App.tsx

@@ -4,8 +4,6 @@ import TitleBar from 'components/TitleBar/TitleBar';
 import ResponseViewlet from 'components/ResponseViewlet/ResponseViewlet';
 import SuggestionsViewlet, { Suggestions } from 'components/SuggestionsViewlet/SuggestionsViewlet';
 import QueryBar from 'components/QueryBar/QueryBar';
-import { AssistantHistoryProvider } from 'renderer/contexts/assistantHistory';
-import { AssistantConfigProvider } from 'renderer/contexts/config';
 import useHistory from 'renderer/hooks/useHistory';
 import './App.scss';
 
@@ -19,18 +17,14 @@ function App() {
   ];
 
   return (
-    <AssistantConfigProvider>
-      <AssistantHistoryProvider>
-        <div className="App">
-          <AssistantContainer>
-            <TitleBar query={currentHistoryItem?.query} />
-            <ResponseViewlet />
-            <SuggestionsViewlet suggestions={suggestions} />
-            <QueryBar />
-          </AssistantContainer>
-        </div>
-      </AssistantHistoryProvider>
-    </AssistantConfigProvider>
+    <div className="App">
+      <AssistantContainer>
+        <TitleBar query={currentHistoryItem?.query} />
+        <ResponseViewlet />
+        <SuggestionsViewlet suggestions={suggestions} />
+        <QueryBar />
+      </AssistantContainer>
+    </div>
   );
 }
 

src/renderer/main.tsx

@@ -2,8 +2,10 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import gassist from 'gassist';
 import { audioPlayer } from 'lib/audio/audioPlayer';
-import './index.scss';
+import { AssistantHistoryProvider } from 'renderer/contexts/assistantHistory';
+import { AssistantConfigProvider } from 'renderer/contexts/config';
 import App from './App';
+import './index.scss';
 
 // Set default Sink ID for audio player
 audioPlayer.setDeviceId('default');
@@ -46,7 +48,11 @@ gassist.assistant.onScreenData((data, format) => {
 
 const rootRenderElement = (
   <React.StrictMode>
-    <App />
+    <AssistantConfigProvider>
+      <AssistantHistoryProvider>
+        <App />
+      </AssistantHistoryProvider>
+    </AssistantConfigProvider>
   </React.StrictMode>
 );