minor: clean up data connector form labels

Author: ciyer

client/src/features/project/components/cloudStorage/AddOrEditCloudStorage.tsx

@@ -395,7 +395,9 @@ function CheckboxOptionItem({
           />
         )}
       />
-      <label htmlFor={option.name}>{option.friendlyName ?? option.name}</label>
+      <label className="form-label" htmlFor={option.name}>
+        {option.friendlyName ?? option.name}
+      </label>
     </>
   );
 }
@@ -434,7 +436,7 @@ function PasswordOptionItem({
   const tooltipContainerId = `option-is-secret-${option.name}`;
   return (
     <>
-      <label htmlFor={option.name}>
+      <label className="form-label" htmlFor={option.name}>
         {option.friendlyName ?? option.name}{" "}
         <div id={tooltipContainerId} className="d-inline">
           <KeyFill className={cx("bi", "ms-1")} />
@@ -514,7 +516,7 @@ function PasswordOptionItemStored({
   const tooltipContainerId = `option-is-secret-${option.name}`;
   return (
     <>
-      <label htmlFor={option.name}>
+      <label className="form-label" htmlFor={option.name}>
         {option.friendlyName ?? option.name}{" "}
         <div id={tooltipContainerId} className="d-inline">
           <KeyFill className={cx("bi", "ms-1")} />
@@ -582,7 +584,9 @@ function InputOptionItem({
       : option.friendlyName ?? option.name;
   return (
     <>
-      <label htmlFor={option.name}>{inputName}</label>
+      <label className="form-label" htmlFor={option.name}>
+        {inputName}
+      </label>
 
       <Controller
         name={option.name}