Fix permissions in call

Change flow to ask permissions as soon as the user is in the call page

Change-Id: I1fb140ab17602bd0584714cbddb177b24a9eed01
diff --git a/client/src/index.tsx b/client/src/index.tsx
index 0fa4b14..9596deb 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -20,7 +20,6 @@
 import './i18n';
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { RouterProvider } from 'react-router-dom';
@@ -44,12 +43,13 @@
 const root = createRoot(container);
 root.render(
   <Provider store={store}>
-    <StrictMode>
-      <QueryClientProvider client={queryClient}>
-        <CustomThemeProvider>
-          <RouterProvider router={router} />
-        </CustomThemeProvider>
-      </QueryClientProvider>
-    </StrictMode>
+    {/* TODO: Put back StrictMode once issues with calling are fixed */}
+    {/* <StrictMode> */}
+    <QueryClientProvider client={queryClient}>
+      <CustomThemeProvider>
+        <RouterProvider router={router} />
+      </CustomThemeProvider>
+    </QueryClientProvider>
+    {/* </StrictMode> */}
   </Provider>
 );