refactor: update SVG icons for improved design consistency; replace user-circle icon with person icon and adjust icon sizes in tooltip and commit info components

Author: AbhishekA1509

src/Assets/Icon/ic-calendar.svg

@@ -1,13 +1,15 @@
 import { memo } from 'react'
 import { Tooltip } from '@Common/Tooltip'
 import { ReactComponent as ICCalendar } from '@Icons/ic-calendar.svg'
-import { ReactComponent as ICUserCircle } from '@Icons/ic-user-circle.svg'
+import { ReactComponent as ICPerson } from '@Icons/ic-person.svg'
 import GitTriggerList from './GitTriggerList'
 import { DEFAULT_CLUSTER_ID } from './constants'
 import { getFormattedTriggerTime, sanitizeWorkflowExecutionStages } from './utils'
 import { BuildAndTaskSummaryTooltipCardProps } from './types'
 import WorkerStatus from './WorkerStatus'
 
+const BASE_ICON_CLASS = 'icon-dim-20 dc__no-shrink'
+
 const BuildAndTaskSummaryTooltipCard = memo(
     ({
         workflowExecutionStages,
@@ -24,12 +26,12 @@ const BuildAndTaskSummaryTooltipCard = memo(
             <div className="shadow__overlay p-16 br-4 w-350 bg__primary mxh-300 dc__overflow-auto flexbox-col dc__gap-16">
                 {/* Info section */}
                 <div className="dc__icon-text-layout">
-                    <ICCalendar className="fcn-7 icon-dim-20 dc__no-shrink" />
+                    <ICCalendar className={`scn-7 ${BASE_ICON_CLASS}`} />
                     <time className="cn-9 fs-12 cn-9 fw-4 lh-20">
                         {executionInfo?.triggeredOn ? getFormattedTriggerTime(executionInfo.triggeredOn) : '--'}
                     </time>
 
-                    <ICUserCircle className="fcn-7 icon-dim-20 dc__no-shrink" />
+                    <ICPerson className={`fcn-7 ${BASE_ICON_CLASS}`} />
                     <Tooltip content={triggeredByEmail}>
                         <span className="cn-9 fs-12 fw-4 lh-20 dc__truncate">{triggeredByEmail}</span>
                     </Tooltip>

src/Assets/Icon/ic-person.svg

@@ -89,7 +89,7 @@ const DateTimePicker = ({
                     withFullScreenPortal={false}
                     orientation="horizontal"
                     readOnly={readOnly || false}
-                    customInputIcon={<CalendarIcon className="icon-dim-20" />}
+                    customInputIcon={<CalendarIcon className="icon-dim-20 scn-6" />}
                     inputIconPosition="after"
                     displayFormat={DATE_TIME_FORMATS.DD_MMM_YYYY}
                     data-testid={dataTestidForDate}

src/Assets/Icon/ic-user-circle.svg

@@ -89,12 +89,12 @@ const GitCommitInfoGeneric = ({
                 ) : null}
                 {_webhookData.data.author ? (
                     <div className="material-history__text lh-20 flex left dc__gap-8 w-100">
-                        <PersonIcon className="icon-dim-16" /> {_webhookData.data.author}
+                        <PersonIcon className="icon-dim-16 scn-7" /> {_webhookData.data.author}
                     </div>
                 ) : null}
                 {_date ? (
                     <div className="material-history__text lh-20 flex left dc__gap-8 w-100">
-                        <CalendarIcon className="icon-dim-16" />
+                        <CalendarIcon className="icon-dim-16 scn-7" />
                         <time className="cn-7 fs-12">{_date}</time>
                     </div>
                 ) : null}
@@ -270,13 +270,13 @@ const GitCommitInfoGeneric = ({
                         <div className="flexbox-col dc__gap-4">
                             {lowerCaseCommitInfo.author ? (
                                 <div className="material-history__text lh-20 flex left dc__gap-8">
-                                    <PersonIcon className="icon-dim-16" />
+                                    <PersonIcon className="icon-dim-16 scn-7" />
                                     <span className="lh-20"> {lowerCaseCommitInfo.author}</span>
                                 </div>
                             ) : null}
                             {lowerCaseCommitInfo.date ? (
                                 <div className="material-history__text lh-20 flex left dc__gap-8">
-                                    <CalendarIcon className="icon-dim-16" />
+                                    <CalendarIcon className="icon-dim-16 scn-7" />
                                     <span className="lh-20">
                                         {moment(lowerCaseCommitInfo.date).format(DATE_TIME_FORMATS.TWELVE_HOURS_FORMAT)}
                                     </span>