Fix: properly bind the disabled prop

The disabled prop is incorrectly passed without a value. In ReScript, boolean props need to be explicitly set.

Author: ihabadham

client/app/bundles/comments/rescript/CommentForm/forms/HorizontalForm.res

@@ -1,6 +1,6 @@
 @react.component
 let make = (~author, ~handleAuthorChange, ~text, ~handleTextChange, ~handleSubmit, ~disabled) => {
-  <form className="form-horizontal flex flex-col gap-4" onSubmit=handleSubmit disabled aria-label="Comment submission form">
+  <form className="form-horizontal flex flex-col gap-4" onSubmit=handleSubmit disabled={disabled} aria-label="Comment submission form">
     <div className="flex flex-col gap-0 items-center lg:gap-4 lg:flex-row">
       <label htmlFor="comment_author" className="w-full lg:w-2/12 lg:text-end shrink-0"> {"Name"->React.string} </label>
       <input

client/app/bundles/comments/rescript/CommentForm/forms/InlineForm.res

@@ -3,7 +3,7 @@ let make = (~author, ~handleAuthorChange, ~text, ~handleTextChange, ~handleSubmi
   <form
     className="form-inline flex flex-col lg:flex-row flex-wrap gap-4"
     onSubmit=handleSubmit
-    disabled
+    disabled={disabled}
     aria-label="Comment submission form">
     <div className="flex gap-2 items-center">
       <label> htmlFor="comment_author" {"Name"->React.string} </label>

client/app/bundles/comments/rescript/CommentForm/forms/StackedFrom.res

@@ -1,6 +1,6 @@
 @react.component
 let make = (~author, ~handleAuthorChange, ~text, ~handleTextChange, ~handleSubmit, ~disabled) => {
-  <form onSubmit=handleSubmit disabled className="flex flex-col gap-4" aria-label="Comment submission form">
+  <form onSubmit=handleSubmit disabled={disabled} className="flex flex-col gap-4" aria-label="Comment submission form">
     <div className="flex flex-col gap-0">
       <label htmlFor="comment_author" className="w-full"> {"Name"->React.string} </label>
       <input