Updated UI, Improved Style to be more "Reactly", added Functionality

src/app/modules.tsx

@@ -0,0 +1,56 @@
+import { MouseEventHandler } from "react";
+
+export function Box({title, placeholder, id}:
+  {title:string; placeholder:string; id:string}) {
+    return(
+      <div className="main_div">
+        <div className="body_title">
+          {title}
+        </div>
+        <div className="text">
+          <textarea
+            className="body_box"
+            id={id}
+            wrap="soft"
+            required
+            placeholder={placeholder}
+          ></textarea>
+        </div>
+      </div>
+    );
+}
+
+export function Button({title, className, onClickFunc}:
+  {title:string; className:string; onClickFunc: MouseEventHandler}) {
+
+  return(
+    <button
+      className={className}
+      onClick={onClickFunc}
+      type="submit"
+      >
+      {title}
+  </button>
+  
+  );
+}
+
+export function Output({id, text}:
+  {id:string; text:string}) {
+    
+  return(
+    <div className="main_div">
+      <div className="body_title"
+      >
+        Output
+      </div>
+      <div className="text">
+        <p
+          className="output_box"
+          id={id}
+          value={text}>
+        </p>
+      </div>
+    </div>
+  );
+}