adds dark mode and logs errors in message response

index.js

@@ -4,6 +4,7 @@ import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { store } from './src/store';
 import App from './src/App';
+import { ThemeProvider } from './src/hooks/ThemeContext';
 import './src/style.css';
 
 const container = document.getElementById('root');
@@ -11,6 +12,8 @@ const root = createRoot(container); // createRoot(container!) if you use TypeScr
 // reactDom.render(<App />, document.getElementById('root'));
 root.render(
   <Provider store={store}>
-    <App />
+    <ThemeProvider>
+      <App />
+    </ThemeProvider>
   </Provider>
 );