trigger playwright tests

Untitled-1.txt

@@ -0,0 +1 @@
+.

src/Main.tsx

@@ -115,8 +115,6 @@ const App = (): JSX.Element => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [explorer]);
-  const isCarouselOpen = useCarousel((state) => state.shouldOpen);
-  const isCopilotCarouselOpen = useCarousel((state) => state.showCopilotCarousel);
 
   if (!explorer) {
     return <LoadingExplorer />;
@@ -131,12 +129,6 @@ const App = (): JSX.Element => {
           ) : (
             <DivExplorer explorer={explorer} />
           )}
-          <SidePanel />
-          <Dialog />
-          {<QuickstartCarousel isOpen={isCarouselOpen} />}
-          {<SQLQuickstartTutorial />}
-          {<MongoQuickstartTutorial />}
-          {<QueryCopilotCarousel isOpen={isCopilotCarouselOpen} explorer={explorer} />}
         </div>
       </KeyboardShortcutRoot>
     </div>
@@ -144,6 +136,8 @@ const App = (): JSX.Element => {
 };
 
 const DivExplorer: React.FC<{ explorer: Explorer }> = ({ explorer }) => {
+  const isCarouselOpen = useCarousel((state) => state.shouldOpen);
+  const isCopilotCarouselOpen = useCarousel((state) => state.showCopilotCarousel);
   useInteractive(MetricScenario.ApplicationLoad);
 
   return (
@@ -186,6 +180,12 @@ const DivExplorer: React.FC<{ explorer: Explorer }> = ({ explorer }) => {
           <NotificationConsole />
         </div>
       </div>
+      <SidePanel />
+      <Dialog />
+      {<QuickstartCarousel isOpen={isCarouselOpen} />}
+      {<SQLQuickstartTutorial />}
+      {<MongoQuickstartTutorial />}
+      {<QueryCopilotCarousel isOpen={isCopilotCarouselOpen} explorer={explorer} />}
     </div>
   );
 };