refactor(sqllab): Separate left panel outside of tab container (#36360)

superset-frontend/src/SqlLab/components/QueryHistory/index.tsx

@@ -22,7 +22,7 @@ import { useInView } from 'react-intersection-observer';
 import { omit } from 'lodash';
 import { EmptyState, Skeleton } from '@superset-ui/core/components';
 import { t, FeatureFlag, isFeatureEnabled } from '@superset-ui/core';
-import { styled, css, useTheme } from '@apache-superset/core/ui';
+import { styled, css } from '@apache-superset/core/ui';
 import QueryTable from 'src/SqlLab/components/QueryTable';
 import { SqlLabRootState } from 'src/SqlLab/types';
 import { useEditorQueriesQuery } from 'src/hooks/apiResources/queries';
@@ -62,7 +62,6 @@ const QueryHistory = ({
   const { id, tabViewId } = useQueryEditor(String(queryEditorId), [
     'tabViewId',
   ]);
-  const theme = useTheme();
   const editorId = tabViewId ?? id;
   const [ref, hasReachedBottom] = useInView({ threshold: 0 });
   const [pageIndex, setPageIndex] = useState(0);
@@ -118,11 +117,7 @@ const QueryHistory = ({
   }
 
   return editorQueries.length > 0 ? (
-    <div
-      css={css`
-        padding-left: ${theme.sizeUnit * 4}px;
-      `}
-    >
+    <>
       <QueryTable
         columns={[
           'state',
@@ -148,7 +143,7 @@ const QueryHistory = ({
         />
       )}
       {isFetching && <Skeleton active />}
-    </div>
+    </>
   ) : (
     <StyledEmptyStateWrapper>
       <EmptyState