fix(ai-chat): ai screen on default part of feature flag

package.json

@@ -128,7 +128,7 @@
         "functions": 36
       },
       "./src/network/": {
-        "lines": 29,
+        "lines": 30,
         "branches": 9,
         "functions": 18
       }

src/components/App/index.tsx

@@ -7,7 +7,7 @@ import { Socket } from 'socket.io-client'
 import styled from 'styled-components'
 import { Flex } from '~/components/common/Flex'
 import { GlobalStyle } from '~/components/GlobalStyle'
-import { Overlay } from '~/components/Universe/Overlay' // Import Overlay directly
+import { Overlay } from '~/components/Universe/Overlay'; // Import Overlay directly
 import { isDevelopment } from '~/constants'
 import { useSocket } from '~/hooks/useSockets'
 import { useAiSummaryStore } from '~/stores/useAiSummaryStore'
@@ -336,11 +336,11 @@ export const App = () => {
       <Leva hidden={!isDevelopment} />
 
       <Suspense fallback={<div>Loading...</div>}>
-        {!splashDataLoading && chatInterfaceFeatureFlag ? (
+        {!splashDataLoading ? (
           <Wrapper direction="row">
             <FormProvider {...form}>
               <LazyMainToolbar />
-              {!universeQuestionIsOpen && <LazySideBar />}
+              {chatInterfaceFeatureFlag && !universeQuestionIsOpen && <LazySideBar />}
               <LazyUniverse />
               <Overlay />
               <AppBar />
@@ -355,4 +355,4 @@ export const App = () => {
       </Suspense>
     </>
   )
-}
+}