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"

frontend/src/app/organization/add/styles.module.css

@@ -149,8 +149,7 @@
 }
 .inputField > input {
   display: flex;
-  height: 44px;
-  padding: 12px 16px;
+  padding: 12px;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;