add more validations

frontend/src/app/hooks/useCredentialForm.jsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+
+const useCredentialForm = () => {
+  const [triggerAlert, setTriggerAlert] = useState(false);
+
+  const {
+    register,
+    handleSubmit,
+    watch,
+    formState: { errors },
+  } = useForm();
+
+  const onSubmit = (data) => {
+    setTriggerAlert(true);
+
+    console.log("Submitted data:", data);
+  };
+
+  return {
+    register,
+    handleSubmit,
+    watch,
+    errors,
+    onSubmit,
+    triggerAlert,
+    setTriggerAlert,
+  };
+};
+
+export default useCredentialForm;