chore(web): update react and chakra versions

hopefully nothing broke that I didn't notice prayge

web/src/main.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import { VisibilityProvider } from './providers/VisibilityProvider';
@@ -32,7 +32,8 @@ debugData([
   },
 ]);
 
-ReactDOM.render(
+const root = document.getElementById('root');
+ReactDOM.createRoot(root!).render(
   <React.StrictMode>
     <LocaleProvider>
       <VisibilityProvider>
@@ -41,6 +42,5 @@ ReactDOM.render(
         </ChakraProvider>
       </VisibilityProvider>
     </LocaleProvider>
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 );