feat: allow uppercase characters in trait keys

The trait key input rewrote keys to lowercase as you type, while the API,
Edge, the engine and every SDK store and match trait keys case-sensitively.
Keep replacing spaces with underscores but preserve the casing the user
types, so keys like appVersion can be created and corrected from the
dashboard.

Author: Zaimwa9

frontend/web/components/modals/CreateTrait.tsx

@@ -8,10 +8,8 @@ import React, {
 } from 'react'
 import Highlight from 'components/Highlight'
 import Constants from 'common/constants'
-import Format from 'common/utils/format'
 import ErrorMessage from 'components/ErrorMessage'
 import ModalHR from './ModalHR'
-import IdentityProvider from 'common/providers/IdentityProvider'
 import find from 'lodash/find'
 import ProjectProvider from 'common/providers/ProjectProvider'
 import Button from 'components/base/forms/Button'
@@ -122,11 +120,7 @@ const CreateTrait: FC<CreateTraitProps> = ({
                 }}
                 value={traitKey}
                 onChange={(e: ChangeEvent<HTMLInputElement>) =>
-                  setTraitKey(
-                    Format.enumeration
-                      .set(Utils.safeParseEventValue(e))
-                      .toLowerCase(),
-                  )
+                  setTraitKey(Utils.safeParseEventValue(e).replace(/ /g, '_'))
                 }
                 isValid={!!traitKey && traitKey.length > 0}
                 type='text'