convert to components

frontend/src/app/organization/add/page.jsx

@@ -4,6 +4,7 @@ import TopHeader from "@/app/components/topHeader/TopHeader";
 import styles from "./styles.module.css";
 import Image from "next/image";
 import TopToolTip from "@/app/components/topToolTip/TopToolTip";
+import TextField from "@/app/components/fields/textfield";
 const AddCredentials = () => {
   return (
     <div className={globalStyle.section}>
@@ -70,7 +71,7 @@ const AddCredentials = () => {
                   </p>
                 </div>
                 <div className={styles.inputField}>
-                  <input type="text" placeholder="Enter organization name" />
+                  <TextField placeHolder="Enter organization name" />
                   <div className={styles.prompts}>
                     <svg
                       xmlns="http://www.w3.org/2000/svg"