feat: add nodejs page

app/nodejs-cli/page.tsx

@@ -0,0 +1,25 @@
+import { BuildDeployPanel } from "@/components/build-deploy-panel";
+import TopBottom from "@/components/top-bottom";
+import {
+  ResizablePanelGroup,
+  ResizablePanel,
+  ResizableHandle,
+} from "@/components/ui/resizable";
+import NodeTerminal from "@/components/webcontainer/node-terminal";
+import Editor from "@/components/workspace/editor";
+import FileExplorer from "@/components/workspace/file-explorer";
+
+export default function Page() {
+  return (
+    <ResizablePanelGroup direction="horizontal" className="border">
+      <ResizablePanel defaultSize={25}>
+        <BuildDeployPanel />
+        <FileExplorer />
+      </ResizablePanel>
+      <ResizableHandle />
+      <ResizablePanel defaultSize={75}>
+        <TopBottom top={<Editor />} bottom={<NodeTerminal />} />
+      </ResizablePanel>
+    </ResizablePanelGroup>
+  );
+}

components/webcontainer/node-terminal.tsx

@@ -63,7 +63,7 @@ export function NodeTerminal() {
 
       startShell(terminal, webContainer);
     }
-  }, [terminalElRef.current, terminalRef.current, webContainer]);
+  }, [terminalElRef.current, terminalRef, webContainer]);
 
   useEffect(() => {
     const terminal = terminalRef.current;
@@ -80,7 +80,7 @@ export function NodeTerminal() {
     if (terminal) {
       terminal.options.theme = isLightMode ? lightTheme : undefined;
     }
-  }, [resolvedTheme, terminalRef.current]);
+  }, [resolvedTheme, terminalRef]);
 
   return <div ref={terminalElRef} className="p-2"></div>;
 }