UX Change labels of Bot says and User Says

Composer/packages/client/src/App.tsx

@@ -24,54 +24,54 @@ const topLinks = (botLoaded: boolean) => {
     {
       to: '/home',
       iconName: 'Home',
-      labelName: 'Home',
+      labelName: formatMessage('Home'),
       activeIfUrlContains: 'home',
       exact: true,
     },
     {
       to: '/dialogs/Main',
       iconName: 'SplitObject',
-      labelName: 'Design Flow',
+      labelName: formatMessage('Design Flow'),
       activeIfUrlContains: 'dialogs',
       exact: false,
       underTest: !botLoaded,
     },
     {
       to: '/test-conversation',
       iconName: 'WaitListConfirm',
-      labelName: 'Test Conversation',
+      labelName: formatMessage('Test Conversation'),
       activeIfUrlContains: '',
       exact: false,
       underTest: true, // will delete
     },
     {
       to: 'language-generation/',
       iconName: 'Robot',
-      labelName: 'Bot Says',
+      labelName: formatMessage('Bot Responses'),
       activeIfUrlContains: 'language-generation',
       exact: false,
       underTest: !botLoaded,
     },
     {
       to: 'language-understanding/',
       iconName: 'People',
-      labelName: 'User Says',
+      labelName: formatMessage('User Input'),
       activeIfUrlContains: 'language-understanding',
       exact: false,
       underTest: !botLoaded,
     },
     {
       to: '/evaluate-performance',
       iconName: 'Chart',
-      labelName: 'Evaluate performance',
+      labelName: formatMessage('Evaluate performance'),
       activeIfUrlContains: '',
       exact: false,
       underTest: true, // will delete
     },
     {
       to: '/setting/',
       iconName: 'Settings',
-      labelName: 'Settings',
+      labelName: formatMessage('Settings'),
       activeIfUrlContains: 'setting',
       exact: false,
       underTest: !botLoaded,
@@ -89,15 +89,15 @@ const bottomLinks = [
   {
     to: '/help',
     iconName: 'unknown',
-    labelName: 'Info',
+    labelName: formatMessage('Info'),
     activeIfUrlContains: '/help',
     exact: false,
     underTest: true, // will delete
   },
   {
     to: '/about',
     iconName: 'info',
-    labelName: 'About',
+    labelName: formatMessage('About'),
     activeIfUrlContains: '/about',
     exact: false,
   },

Composer/packages/client/src/pages/language-generation/index.js

@@ -141,7 +141,7 @@ export const LGPage = props => {
     <Fragment>
       <ToolBar toolbarItems={toolbarItems} />
       <div css={ContentHeaderStyle}>
-        <div>{formatMessage('Bot says')}..</div>
+        <div>{formatMessage('Bot Responses')}</div>
         <div css={flexContent}>
           <Toggle
             className={'toggleEditMode'}

Composer/packages/client/src/pages/language-understanding/index.js

@@ -130,7 +130,7 @@ export const LUPage = props => {
     <Fragment>
       <ToolBar toolbarItems={toolbarItems} />
       <div css={ContentHeaderStyle}>
-        <div>{formatMessage('User says')}..</div>
+        <div>{formatMessage('User Input')}</div>
         <div css={flexContent}>
           <Toggle
             className={'toggleEditMode'}