Chore: UI Cleanup in modals (#873)

* Chore: UI Cleanup in modals

* Fix review comments

app/javascript/dashboard/i18n/locale/en/agentMgmt.json

@@ -8,7 +8,8 @@
       {
         "name": "administrator",
         "label": "Administrator"
-      }, {
+      },
+      {
         "name": "agent",
         "label": "Agent"
       }
@@ -27,17 +28,18 @@
     "ADD": {
       "TITLE": "Add agent to your team",
       "DESC": "You can add people who will be able to handle support for your inboxes.",
+      "CANCEL_BUTTON_TEXT": "Cancel",
       "FORM": {
-        "NAME" : {
+        "NAME": {
           "LABEL": "Agent Name",
           "PLACEHOLDER": "Please enter a name of the agent"
         },
-        "AGENT_TYPE" : {
+        "AGENT_TYPE": {
           "LABEL": "Agent Type",
           "PLACEHOLDER": "Please select a type",
           "ERROR": "Agent type is required"
         },
-        "EMAIL" : {
+        "EMAIL": {
           "LABEL": "Email Address",
           "PLACEHOLDER": "Please enter an email address of the agent"
         },
@@ -59,22 +61,22 @@
         "TITLE": "Confirm Deletion",
         "MESSAGE": "Are you sure to delete ",
         "YES": "Yes, Delete ",
-        "NO": "No, Keep it "
+        "NO": "No, Keep "
       }
     },
     "EDIT": {
       "TITLE": "Edit agent",
       "FORM": {
-        "NAME" : {
+        "NAME": {
           "LABEL": "Agent Name",
           "PLACEHOLDER": "Please enter a name of the agent"
         },
-        "AGENT_TYPE" : {
+        "AGENT_TYPE": {
           "LABEL": "Agent Type",
           "PLACEHOLDER": "Please select a type",
           "ERROR": "Agent type is required"
         },
-        "EMAIL" : {
+        "EMAIL": {
           "LABEL": "Email Address",
           "PLACEHOLDER": "Please enter an email address of the agent"
         },