fix(chat): hide thin white border for agent icon in dark theme (Issue #4195) (#4204)

Author: IlyaBondar

apps/chat/src/components/Chatbar/ModelIcon.tsx

@@ -80,14 +80,18 @@ const ModelIconTemplate = memo(
     return (
       <span
         className={classNames(
-          'relative inline-block shrink-0 bg-model-icon leading-none',
+          'relative inline-block shrink-0 leading-none',
           entity?.type !== EntityType.Addon && 'overflow-hidden rounded-full',
           animate && 'animate-bounce',
           enableShrinking && 'shrink',
         )}
         style={{ height: `${size}px`, width: `${size}px` }}
         data-qa="entity-icon"
       >
+        <div
+          className="absolute z-0 size-full rounded-full border border-secondary bg-model-icon"
+          style={{ height: `${size}px`, width: `${size}px` }}
+        ></div>
         <img
           key={entityId}
           src={getIconUrl(entity)}
@@ -96,6 +100,7 @@ const ModelIconTemplate = memo(
           onError={handleError}
           data-image-name={description}
           ref={ref}
+          className="absolute left-0 top-0 z-10 size-full"
           style={{ height: `${size}px`, width: `${size}px` }}
           id={entityId}
         />

apps/chat/src/components/Common/ShareIcon.tsx

@@ -75,7 +75,7 @@ export function ShareIcon({
       {children}
       <div
         className={classNames(
-          'absolute bg-layer-3',
+          'absolute z-50 bg-layer-3',
           isPublished && 'rounded-md',
           isApplication
             ? 'bottom-0 left-0 rounded-none rounded-tr-[4px] stroke-[0.6]'