fix: update character limit help texts to display current input length for various fields

Author: sanjaypinna

app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/components/EditMetadata.tsx

@@ -238,7 +238,7 @@ export function EditMetadata({ id }: { id: string }) {
           setFormData(updatedData);
           setPreviousFormData(updatedData);
         } else {
-           toast(
+          toast(
             'Error: ' +
               (res.addUpdateDatasetMetadata?.errors?.fieldErrors
                 ? res.addUpdateDatasetMetadata?.errors?.fieldErrors[0]
@@ -522,7 +522,7 @@ export function EditMetadata({ id }: { id: string }) {
                     name="description"
                     label="Description *"
                     value={formData.description}
-                    helpText="Character limit: 1000"
+                    helpText={`Character limit: ${formData.description.length}/1000`}
                     onChange={(e) => handleChange('description', e)}
                     onBlur={() => handleSave(formData)} // Save on blur
                   />

app/[locale]/dashboard/[entityType]/[entitySlug]/dataset/[id]/edit/resources/components/EditResource.tsx

@@ -232,14 +232,12 @@ export const EditResource = ({ refetch, allResources }: EditProps) => {
     });
   }, [resourceDetailsQuery.data]);
 
-
   useEffect(() => {
     const schemaData = resourceDetailsQuery.data?.resourceById?.schema;
     if (schemaData && Array.isArray(schemaData)) {
       setSchema(schemaData);
     }
   }, [resourceDetailsQuery.data]);
-  
 
   const handleResourceChange = (e: any) => {
     setResourceId(e, { shallow: false });
@@ -378,6 +376,7 @@ export const EditResource = ({ refetch, allResources }: EditProps) => {
                 <TextField
                   value={resourceName}
                   onChange={(text) => setResourceName(text)}
+                  helpText={`Character limit: ${resourceName.length}/200`}
                   onBlur={saveResource}
                   multiline={2}
                   label="Data File Name"

app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/[id]/details/page.tsx

@@ -230,7 +230,7 @@ const Details = () => {
           name="summary"
           value={formData.summary}
           multiline={7}
-          helpText="Character limit: 10000"
+          helpText={`Character limit: ${formData.summary.length}/10000`}
           onChange={(e) => handleChange('summary', e)}
           onBlur={() => handleSave(formData)}
         />

app/[locale]/dashboard/[entityType]/page.tsx

@@ -169,6 +169,7 @@ const Page = () => {
                           <div>
                             <TextField
                               label="Organization Name *"
+                              helpText={`Character limit: ${formData.name.length}/200`}
                               name="name"
                               value={formData.name}
                               onChange={(e) =>