[PLAT-14515][UI] Clicking preview doesn't show the correct info and c…

…lears up the data provided while setting up the ysql_ident or ysql_hba multiline flags.- [PLAT-14514] [PLAT-14513]

Summary:
GFlags component uses onBlur event on YBInput to build the GFlags. But, we made a fix in this [[ https://phorge.dev.yugabyte.com/D35478 | diff ]] to fire the onBlur event only if the input contains a space(trimming). So, adding Gflags fails.

Fix:
move the onBlur events a level above from YBinput to the parent div.

Test Plan: Tested manually by adding GFlags

Reviewers: lsangappa, jmak, rmadhavan

Reviewed By: lsangappa, rmadhavan

Subscribers: yugaware

Differential Revision: https://phorge.dev.yugabyte.com/D36202

managed/ui/src/components/universes/UniverseForm/EditGFlagsConf.tsx

@@ -372,6 +372,7 @@ export const EditGFlagsConf: FC<EditGFlagConfProps> = ({
                             ref={provided.innerRef}
                             {...provided.draggableProps}
                             {...provided.dragHandleProps}
+                            onBlur={() => buildGFlagConf()}
                           >
                             <Box display="flex" flexDirection="column">
                               <Box display="flex" flexDirection="row">
@@ -391,7 +392,6 @@ export const EditGFlagsConf: FC<EditGFlagConfProps> = ({
                                       : CONST_VALUES.EMPTY_STRING
                                   }
                                   onChange={(e: any) => handleChange(e.target.value, index)}
-                                  onBlur={() => buildGFlagConf()}
                                   error={GFlagRows[index]?.error}
                                   helperText={t(GFlagRows[index].errorMessageKey!)}
                                   inputProps={{