fix:resolved bug of stackname and org Id getting truncated in execution screen [CMG-604]

Author: AishDani

ui/src/components/MigrationExecution/index.scss

@@ -69,3 +69,8 @@ div .step-component .action-component-body {
   border: 1px solid #dde3ee;
   border-radius: var(--TermCount, 5px);
 }
+.textInput-ellipse {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}

ui/src/components/MigrationExecution/index.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { Icon, Field, TextInput, FieldLabel, CircularLoader } from '@contentstack/venus-components';
+import { Icon, Field, TextInput, FieldLabel, CircularLoader, Tooltip } from '@contentstack/venus-components';
 import { useSelector, useDispatch } from 'react-redux';
 
 // Services
@@ -96,15 +96,22 @@ const MigrationExecution = ({ handleStepChange }: migrationWxecutionProps) => {
                     <FieldLabel className="selectedOptions" htmlFor="label">
                       {item?.title}
                     </FieldLabel>
-                    <TextInput
-                      type="text"
-                      isReadOnly
-                      name="stackKey"
-                      value={getPlaceHolder(item?.title)}
-                      version="v2"
-                      disabled
-                      // width="regular"
-                    />
+                    <Tooltip 
+                    position='top'
+                    content={getPlaceHolder(item?.title)}>
+                      <TextInput
+                        inputClassName='textInput-ellipse'
+                        type="text"
+                        isReadOnly
+                        name="stackKey"
+                        value={getPlaceHolder(item?.title)}
+                        version="v2"
+                        disabled
+                        // width="regular"
+                      />
+
+                    </Tooltip>
+                   
                   </Field>
                   {index < MigrationInformation?.length - 1 && (
                     <Icon className="arrow-wrapper" icon="ArrowRight" size="large" />