feat(visManager): full screen for vis

apps/web/src/app/app.tsx

@@ -59,7 +59,7 @@ export function App(props: App) {
 
   const [authCheck, setAuthCheck] = useState(false);
   const [tab, setTab] = useState<SideNavTab>('Schema');
-  const [visFullSize, setVisFullSize] = useState<boolean>(true);
+  const [visFullSize, setVisFullSize] = useState<boolean>(false);
 
   return (
     <div className="h-screen w-screen overflow-clip">
@@ -115,7 +115,7 @@ export function App(props: App) {
                     </div>
                   ) : null}
                   <div className="h-full w-full flex-grow">
-                    {visFullSize ? (
+                    <Resizable divisorSize={3} horizontal={false}>
                       <div className="w-full h-full border">
                         <VisualizationPanel
                           manager={manager}
@@ -126,22 +126,10 @@ export function App(props: App) {
                           }}
                         />
                       </div>
-                    ) : (
-                      <Resizable divisorSize={3} horizontal={false}>
-                        <div className="w-full h-full border">
-                          <VisualizationPanel
-                            manager={manager}
-                            fullSize={() => {
-                              setVisFullSize(!visFullSize);
-                              setTab(undefined);
-                            }}
-                          />
-                        </div>
-                        <div className="w-full h-full border">
-                          <QueryBuilder onRunQuery={runQuery} />
-                        </div>
-                      </Resizable>
-                    )}
+                      <div className="w-full h-full border">
+                        <QueryBuilder onRunQuery={runQuery} />
+                      </div>
+                    </Resizable>
                   </div>
                 </Resizable>
                 <div className="h-full w-60 ml-1">