fix: dynamic import client module to avoid ssr error

components/webcontainer/node-terminal.tsx

@@ -65,3 +65,5 @@ export function NodeTerminal() {
 
   return <div ref={terminalElRef}></div>;
 }
+
+export default NodeTerminal;

components/workspace/cli.tsx

@@ -4,8 +4,12 @@ import { useTheme } from "next-themes";
 import { ReactTerminal } from "react-terminal";
 import { useCliCommands } from "./use-cli-commands";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
-import { NodeTerminal } from "../webcontainer";
 import { LoadFiles } from "../webcontainer/load-files";
+import dynamic from "next/dynamic";
+
+const NodeTerminal = dynamic(() => import("../webcontainer/node-terminal"), {
+  ssr: false,
+});
 
 export default function Cli() {
   const commands = useCliCommands();