fix: Handles trailing space in flag value (#5324)

Author: tiagoapolo

frontend/web/components/modals/CreateFlag.js

@@ -336,7 +336,7 @@ const CreateFlag = class extends Component {
             enabled: default_enabled,
             feature_state_value: hasMultivariate
               ? this.props.environmentFlag.feature_state_value
-              : initial_value,
+              : this.cleanInputValue(initial_value),
             multivariate_options: this.state.identityVariations,
           }),
           projectFlag,
@@ -352,7 +352,7 @@ const CreateFlag = class extends Component {
           {
             default_enabled,
             description,
-            initial_value,
+            initial_value: this.cleanInputValue(initial_value),
             is_archived,
             is_server_key_only,
             metadata:
@@ -440,6 +440,12 @@ const CreateFlag = class extends Component {
     }
     return { featureError, featureWarning }
   }
+  cleanInputValue = (value) => {
+    if (value && typeof value === 'string') {
+      return value.trim()
+    }
+    return value
+  }
   drawChart = (data) => {
     return data?.length ? (
       <ResponsiveContainer height={400} width='100%' className='mt-4'>