feat: basic nvim setup and other partially working stuff

src/components/Nvim/Nvim.tsx

@@ -0,0 +1,19 @@
+import { NvimStatusBar } from "./NvimStatusBar";
+import { NvimTree } from "./NvimTree";
+
+export const Nvim = () => {
+  return (
+    <div>
+      <div className="flex">
+        <div className="w-fit bg-green-500">
+          <NvimTree />
+        </div>
+        <div className="flex-1 bg-blue-500"></div>
+      </div>
+
+      <div className="h-fit bg-red-500">
+        <NvimStatusBar />
+      </div>
+    </div>
+  );
+};

src/components/Nvim/NvimStatusBar.tsx

@@ -0,0 +1,12 @@
+import { useTerminal } from "~/context/TerminalContext";
+import { TerminalRenderer } from "~/utils/terminal/renderer";
+
+export const NvimStatusBar = () => {
+  const { cols: width } = useTerminal();
+  const canvas = new TerminalRenderer(width, 2);
+
+  canvas.write(0, 0, "status line 1");
+  canvas.write(0, 1, "status line 2");
+
+  return <p>{canvas.render()}</p>;
+};

src/components/Nvim/NvimTree.tsx

@@ -0,0 +1,11 @@
+import { useTerminal } from "~/context/TerminalContext";
+import { TerminalRenderer } from "~/utils/terminal/renderer";
+
+export const NvimTree = () => {
+  const { cols: width, rows: height } = useTerminal();
+  const canvas = new TerminalRenderer(width * 0.15, height - 2);
+
+  canvas.write(0, 0, "ijirjginrgi");
+
+  return <p>{canvas.render()}</p>;
+};