fix: restore SidePanel component for Container Copy feature

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 />;
@@ -127,16 +125,13 @@ const App = (): JSX.Element => {
       <KeyboardShortcutRoot>
         <div className="flexContainer" aria-hidden="false">
           {userContext.features.enableContainerCopy && userContext.apiType === "SQL" ? (
-            <ContainerCopyPanel explorer={explorer} />
+            <>
+              <ContainerCopyPanel explorer={explorer} />
+              <SidePanel />
+            </>
           ) : (
             <DivExplorer explorer={explorer} />
           )}
-          <SidePanel />
-          <Dialog />
-          {<QuickstartCarousel isOpen={isCarouselOpen} />}
-          {<SQLQuickstartTutorial />}
-          {<MongoQuickstartTutorial />}
-          {<QueryCopilotCarousel isOpen={isCopilotCarouselOpen} explorer={explorer} />}
         </div>
       </KeyboardShortcutRoot>
     </div>
@@ -144,6 +139,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 +183,12 @@ const DivExplorer: React.FC<{ explorer: Explorer }> = ({ explorer }) => {
           <NotificationConsole />
         </div>
       </div>
+      <SidePanel />
+      <Dialog />
+      {<QuickstartCarousel isOpen={isCarouselOpen} />}
+      {<SQLQuickstartTutorial />}
+      {<MongoQuickstartTutorial />}
+      {<QueryCopilotCarousel isOpen={isCopilotCarouselOpen} explorer={explorer} />}
     </div>
   );
 };