fix(load-ai-chat): load ai-chat feature by default

src/components/App/SideBar/index.tsx

@@ -55,7 +55,7 @@ const hasOnlyNameProperty = (obj: object | null | undefined): boolean => {
 }
 
 export const SideBar = () => {
-  const { sidebarIsOpen } = useAppStore((s) => s)
+  const { sidebarIsOpen, universeQuestionIsOpen } = useAppStore((s) => s)
   const selectedNode = useSelectedNode()
 
   const subViewIsOpen =
@@ -66,9 +66,11 @@ export const SideBar = () => {
 
   return (
     <>
-      <Slide direction="right" in={sidebarIsOpen} mountOnEnter unmountOnExit>
-        <Content subViewOpen={subViewIsOpen} />
-      </Slide>
+      {!universeQuestionIsOpen && (
+        <Slide direction="right" in={sidebarIsOpen} mountOnEnter unmountOnExit>
+          <Content subViewOpen={subViewIsOpen} />
+        </Slide>
+      )}
       <SideBarSubView open={subViewIsOpen} />
       {!sidebarIsOpen && <Tab />}
     </>

src/components/AppContainer/index.tsx

@@ -1,17 +1,28 @@
-import { lazy, Suspense } from 'react'
+import { lazy, Suspense, useEffect } from 'react'
 import { Route, Routes } from 'react-router-dom'
 import { useDataStore } from '~/stores/useDataStore'
 import { E2ETests } from '~/utils'
 import { AppProviders } from '../App/Providers'
 import { Splash } from '../App/Splash'
 import { AuthGuard } from '../Auth'
+import { useAppStore } from '~/stores/useAppStore'
 
 const LazyApp = lazy(() => import('../App').then(({ App }) => ({ default: App })))
 
 export const AppContainer = () => {
   const App = <LazyApp />
   const { splashDataLoading } = useDataStore((s) => s)
 
+  const { setUniverseQuestionIsOpen } = useAppStore((s) => ({
+    setUniverseQuestionIsOpen: s.setUniverseQuestionIsOpen,
+  }))
+
+  useEffect(() => {
+    if (!splashDataLoading) {
+      setUniverseQuestionIsOpen()
+    }
+  }, [splashDataLoading, setUniverseQuestionIsOpen])
+
   return (
     <AppProviders>
       {splashDataLoading && <Splash />}