more flow changes going back and forth with terminal and such

packages/desktop/src/pages/lineDetailsTerminal/index.tsx

@@ -9,7 +9,7 @@ export default function LineDetailsTerminal({
   return (
     <div
       id={`${selectedLine.lineId}-lineDetailsTerminal`}
-      className="flex flex-col flex-1 bg-gray-100 h-full"
+      className="flex flex-col flex-1 bg-gray-100"
     >
       {/* line overview header */}
       <div className="flex flex-row p-3 items-center gap-1">

packages/desktop/src/pages/nirvanaApp.tsx

@@ -67,10 +67,10 @@ function NirvanaApp() {
               <NirvanaRouter />
             </ProtectedRoute>
 
-            <ReactQueryDevtools
+            {/* <ReactQueryDevtools
               initialIsOpen={false}
               position={"bottom-left"}
-            />
+            /> */}
           </RecoilRoot>
         </ThemeProvider>
         <Toaster />

packages/desktop/src/pages/router/index.tsx

@@ -273,9 +273,11 @@ export default function NirvanaRouter() {
 
   return (
     <div className="flex flex-col h-screen w-screen">
-      <NirvanaHeader />
+      <NirvanaHeader
+        onHeaderFocus={() => setDesktopMode(DimensionPresets.terminal)}
+      />
 
-      <div className="flex flex-row">
+      <div className="flex flex-row flex-1">
         {(desktopMode === DimensionPresets.terminal ||
           desktopMode === DimensionPresets.terminalAndDetails) && (
           <NirvanaTerminal