fixed msg error when clientScope created with whitespace (#1997) (#2162)

src/client-scopes/details/ScopeForm.tsx

@@ -78,7 +78,11 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
         helperTextInvalid={t("common:required")}
       >
         <TextInput
-          ref={register({ required: true })}
+          ref={register({
+            required: true,
+            validate: (value: string) =>
+              !!value.trim() || t("common:required").toString(),
+          })}
           type="text"
           id="kc-name"
           name="name"

src/client-scopes/form/ClientScopeForm.tsx

@@ -106,7 +106,7 @@ export default function ClientScopeForm() {
 
   const save = async (clientScopes: ClientScopeDefaultOptionalType) => {
     try {
-      clientScopes.name = clientScopes.name?.trim();
+      clientScopes.name = clientScopes.name?.trim().replace(/ /g, "_");
       clientScopes = convertFormValuesToObject(
         clientScopes
       ) as ClientScopeDefaultOptionalType;