adding things with tailwind nicer!!

packages/desktop/src/pages/nirvanaApp.tsx

@@ -39,6 +39,16 @@ const theme = createTheme({
         },
       },
     },
+    MuiFab: {
+      styleOverrides: {
+        root: {
+          borderRadius: 0,
+        },
+      },
+    },
+  },
+  shape: {
+    borderRadius: 0,
   },
 });
 

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

@@ -1,3 +1,9 @@
+import { AddSharp, SearchSharp } from "@mui/icons-material";
+import { Button, Fab, InputAdornment, TextField } from "@mui/material";
+import { FaPlus, FaSearch } from "react-icons/fa";
+import { useRef, useState } from "react";
+
+import IconButton from "../../components/Button/IconButton/index";
 import NirvanaHeader from "../../components/header";
 
 export default function NirvanaTerminal() {
@@ -5,7 +11,11 @@ export default function NirvanaTerminal() {
     <div className="flex flex-col flex-1">
       <NirvanaHeader />
 
-      <div className="flex flex-row m-2 gap-2"></div>
+      <div className="flex flex-row items-stretch m-2 gap-2">
+        <IconButton>
+          <FaPlus />
+        </IconButton>
+      </div>
     </div>
   );
 }