Merge branch 'feat/target-platform' into feat/build-time-breakdown

Author: AbhishekA1509

src/Shared/Components/CICDHistory/Artifacts.tsx

@@ -104,7 +104,7 @@ export const CIListItem = ({
 
                 {type !== 'report' && (
                     <>
-                        {targetPlatforms?.length && (
+                        {!!targetPlatforms?.length && (
                             <div className="mt-8 flexbox-col dc__gap-8">
                                 <TargetPlatformBadgeList targetPlatforms={targetPlatforms} />
                             </div>

src/Shared/Components/ImageCard/SequentialCDCardTitle/SequentialCDCardTitle.tsx

@@ -117,7 +117,7 @@ const SequentialCDCardTitle = ({
     }
 
     return (
-        <div className={`bg__primary pb-8 br-4 flex left ${addFlexGap ? 'dc__gap-8' : ''}`}>
+        <div className={`bg__primary pb-8 br-4 flex left flex-wrap ${addFlexGap ? 'dc__gap-8' : ''}`}>
             {renderContent()}
 
             {!!targetPlatforms?.length && (

src/Shared/Components/TargetPlatforms/TargetPlatformBadgeList.tsx

@@ -3,7 +3,7 @@ import { Tooltip } from '@Common/Tooltip'
 import { TargetPlatformBadgeListProps } from './types'
 
 const TargetPlatformBadge = ({ name }: TargetPlatformBadgeListProps['targetPlatforms'][number]) => (
-    <div className="bg__secondary py-2 px-6 dc__mxw-200">
+    <div className="bg__secondary py-2 px-6 dc__mxw-200 br-4">
         <Tooltip content={name}>
             <span className="dc__truncate cn-7 fs-12 fw-5 lh-16">{name}</span>
         </Tooltip>