added project status validation

ui/src/components/DestinationStack/index.tsx

@@ -163,8 +163,8 @@ const DestinationStackComponent = ({
       //Check for migration Status and lock.
       // Status where Migration is to be Locked:
       setIsMigrationLocked(
-        projectData.status === 2 ||
-          projectData.status === 5
+        projectData?.status === 2 ||
+          projectData?.status === 5
       );
     };
     fetchCMSData();

ui/src/components/LegacyCms/Actions/LoadPrefix.tsx

@@ -128,7 +128,7 @@ const LoadPreFix = (props: LoadSelectCmsProps) => {
           version="v2"
           error={isError}
         />
-        {isError && <p className='errorMessage'>Project Name should not be more than 5 chars</p>}
+        {isError && <p className='errorMessage'>Affix should not be more than 5 chars</p>}
       </div>
       <div className="col-12 pt-2">
         <Button version="v2" disabled={!isCheckedBoxChecked} onClick={handleOnBlur}>

ui/src/components/LegacyCms/index.tsx

@@ -179,7 +179,7 @@ const LegacyCMSComponent = ({ legacyCMSData, projectData }: LegacyCMSComponentPr
       // Status where Migration is to be Locked:
       setIsMigrationLocked(
         projectData?.status === 2 ||
-          projectData.status === 5
+          projectData?.status === 5
       );
     };
 

ui/src/components/LegacyCms/legacyCms.scss

@@ -67,7 +67,7 @@
   width: 100%;
   align-items: center;
   padding: 0 !important;
-  border: 1px solid #dde3ee;
+  border: 1px solid $color-brand-secondary-lightest;
   border-radius: var(--TermCount, 5px);
 }
 .errorMessage {