refactor: replace Tooltip and getAlphabetIcon with UserIdentifier for updatedBy and deployedBy fields

Author: RohitRaj011

src/Pages/ChartStore/ChartDetails/ChartDetailsTableComponents.tsx

@@ -10,15 +10,14 @@ import {
     ButtonStyleType,
     ButtonVariantType,
     ComponentSizeType,
-    getAlphabetIcon,
     handleAnalyticsEvent,
     Icon,
     ImageWithFallback,
     PortalContainer,
     SearchBar,
     SERVER_MODE,
     stringComparatorBySortOrder,
-    Tooltip,
+    UserIdentifier,
 } from '@devtron-labs/devtron-fe-common-lib'
 
 import { getAppId } from '@Components/v2/appDetails/k8Resource/nodeDetail/nodeDetail.api'
@@ -63,14 +62,7 @@ const PresetValuesTableIconCellComponent = () => (
 const PresetValuesTableLastUpdatedByCellComponent = ({ row }: PresetValuesTableCellComponentProps) => {
     const { updatedBy } = row.data
 
-    return (
-        <span className="flex left">
-            {updatedBy && getAlphabetIcon(updatedBy)}
-            <Tooltip content={updatedBy}>
-                <span className="fs-13 lh-20 cn-9 dc__truncate">{updatedBy || '-'}</span>
-            </Tooltip>
-        </span>
-    )
+    return <UserIdentifier identifier={updatedBy} />
 }
 
 const PresetValuesTableUpdatedAtCellComponent = ({ row }: PresetValuesTableCellComponentProps) => {
@@ -264,14 +256,7 @@ const DeploymentsTableStatusCellComponent = ({ row }: DeploymentsTableCellCompon
 const DeploymentsTableDeployedByCellComponent = ({ row }: DeploymentsTableCellComponentProps) => {
     const { deployedBy } = row.data
 
-    return (
-        <span className="flex left">
-            {deployedBy && getAlphabetIcon(deployedBy)}
-            <Tooltip content={deployedBy}>
-                <span className="fs-13 lh-20 cn-9 dc__truncate">{deployedBy || '-'}</span>
-            </Tooltip>
-        </span>
-    )
+    return <UserIdentifier identifier={deployedBy} />
 }
 
 const DeploymentsTableDeployedAtCellComponent = ({ row }: DeploymentsTableCellComponentProps) => {