feat: added hidden prop to label input

Author: joaov1ct0r

src/app/about/components/update-user-modal.tsx

@@ -27,7 +27,7 @@ export default function UpdateUserModal() {
   });
 
   const [shouldUpdatePassword, setShouldUpdatePassword] =
-    useState<boolean>(false);
+    useState<boolean>(true);
 
   const handleSetShouldUpdatePassword = () =>
     setShouldUpdatePassword(!shouldUpdatePassword);

src/app/components/input-form.tsx

@@ -12,16 +12,21 @@ export default function InputForm({
   handleOnChange,
   name,
   label,
+  hidden = false,
   ...rest
 }: InputFormProps) {
   return (
     <div className="mb-4">
-      <label className="block text-gray-700 text-sm font-bold mb-2">
+      <label
+        hidden={hidden}
+        className="block text-gray-700 text-sm font-bold mb-2"
+      >
         {label}
       </label>
 
       <input
         {...rest}
+        hidden={hidden}
         onChange={handleOnChange}
         className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
         id={id}