feat: Update CICDStepper and CreateCICDPipeline styles and texts

Author: RohitRaj011

src/Pages/App/Configurations/WorkflowEditor/CreateCICDPipeline/CICDStepper.tsx

@@ -6,14 +6,14 @@ export const CICDStepper = ({ config }: CICDStepperProps) => (
     <div className="ci-cd-pipeline__stepper-container flexbox-col flex-grow-1 dc__align-self-start">
         {config.map(({ id, icon, title, content }) => (
             <div key={id} className="ci-cd-pipeline__stepper flex left top dc__gap-8">
-                <div className="dc__position-rel flex p-7 br-6 border__secondary bg__modal--secondary">
+                <div className="dc__position-rel flex p-7 br-6 border__secondary bg__modal--primary">
                     <Icon name={icon} color={null} size={20} />
                 </div>
-                <div className="flexbox-col flex-grow-1 br-6 border__secondary">
-                    <div className="px-11 pt-8 pb-7 border__secondary--bottom bg__modal--secondary">
+                <div className="flexbox-col flex-grow-1 br-6 border__secondary dc__overflow-hidden">
+                    <div className="px-11 pt-8 pb-7 border__secondary--bottom bg__modal--primary">
                         <p className="m-0 fs-13 lh-20 fw-6 cn-9">{title}</p>
                     </div>
-                    <div className="flex-grow-1 p-16">{content}</div>
+                    <div className="flex-grow-1 p-16 bg__primary">{content}</div>
                 </div>
             </div>
         ))}

src/Pages/App/Configurations/WorkflowEditor/CreateCICDPipeline/CreateCICDPipeline.tsx

@@ -291,7 +291,7 @@ export const CreateCICDPipeline = ({
         {
             id: 'build',
             icon: 'ic-build-color',
-            title: 'Build and deploy from source code',
+            title: 'Select code source to build image',
             content: (
                 <CIStepperContent
                     ciCdPipeline={ciCdPipeline}
@@ -338,7 +338,7 @@ export const CreateCICDPipeline = ({
             >
                 <GenericModal.Header title="Build and deploy from source code" />
                 <GenericModal.Body>
-                    <div className="flex ci-cd-pipeline px-20 py-16 dc__overflow-auto">
+                    <div className="flex ci-cd-pipeline px-20 py-16 bg__secondary dc__overflow-auto">
                         <APIResponseHandler
                             isLoading={isCiCdPipelineLoading}
                             progressingProps={{ pageLoader: true }}

src/Pages/App/Configurations/WorkflowEditor/CreateCICDPipeline/createCICDPipeline.scss

@@ -17,7 +17,7 @@
             content: '';
             position: absolute;
             width: 1px;
-            background-color: var(--border-secondary);
+            background-color: var(--border-secondary-translucent);
         }
 
         &::before {