chore: export utilities from security modal

Author: Elessar1802

src/Common/Api.ts

@@ -264,4 +264,4 @@ export const abortPreviousRequests = <T>(
  */
 export const getIsRequestAborted = (error) =>
     // The 0 code is common for aborted and blocked requests
-    error && error.code === 0 && error.message.search('abort|aborted')
+    error && error.code === 0 && error.message.search('abort|aborted') > -1

src/Shared/Components/Security/SecurityModal/config/ImageScan.tsx

@@ -115,12 +115,12 @@ const getVulnerabilitiesDetailData = (
     return getGroupedVulnerabilitiesDetailData(element, setDetailViewData, hidePolicy)
 }
 
-const getImageScanProgressingState = (status: StatusType['status']) => {
+export const getProgressingStateForStatus = (status: StatusType['status']) => {
     switch (status) {
         case 'Completed':
-            return <ICSuccess className="icon-dim-16" />
+            return <ICSuccess className="icon-dim-16 dc__no-shrink" />
         case 'Failed':
-            return <ICError className="icon-dim-16 ic-error-cross-red" />
+            return <ICError className="icon-dim-16 ic-error-cross-red dc__no-shrink" />
         case 'Progressing':
             return (
                 <Progressing
@@ -182,7 +182,7 @@ const getVulnerabilitiesData = (
                   {
                       component: (
                           <div className="flexbox dc__align-items-center dc__gap-4">
-                              {getImageScanProgressingState(element.status)}
+                              {getProgressingStateForStatus(element.status)}
                               <span>{getTimeString(element.StartedOn, element.status)}</span>
                           </div>
                       ),
@@ -281,7 +281,7 @@ const getLicenseData = (
                   {
                       component: (
                           <div className="flexbox dc__align-items-center dc__gap-4">
-                              {getImageScanProgressingState(element.status)}
+                              {getProgressingStateForStatus(element.status)}
                               <span>{getTimeString(element.StartedOn, element.status)}</span>
                           </div>
                       ),

src/Shared/Components/Security/SecurityModal/config/index.ts

@@ -5,3 +5,4 @@
 export { getTableData } from './Table'
 export { getInfoCardData } from './InfoCard'
 export { SIDEBAR_DATA } from './Sidebar'
+export { getProgressingStateForStatus } from './ImageScan'

src/Shared/Components/Security/SecurityModal/index.ts

@@ -19,6 +19,6 @@ export type {
     GetResourceScanDetailsPayloadType,
     GetResourceScanDetailsResponseType,
 } from './types'
-export { SIDEBAR_DATA } from './config'
+export { SIDEBAR_DATA, getProgressingStateForStatus } from './config'
 export { CATEGORY_LABELS } from './constants'
 export { getExecutionDetails } from './service'