Set avatar backgrounds from entity

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

packages/core/src/renderer/components/+entity-settings/entity-settings.tsx

@@ -60,6 +60,7 @@ const NonInjectedCatalogEntitySettings = observer((props: CatalogEntitySettingsP
           colorHash={`${entity.getName()}-${entity.metadata.source}`}
           src={entity.spec.icon?.src}
           className={styles.settingsAvatar}
+          background={entity.spec.icon?.background}
           size={40}
         />
         <div className={styles.entityName}>

packages/core/src/renderer/components/cluster-settings/icon-settings.tsx

@@ -67,6 +67,7 @@ const NonInjectedClusterIconSetting = observer((props: ClusterIconSettingProps &
                 title={entity.getName()}
                 src={entity.spec.icon?.src}
                 size={53}
+                background={entity.spec.icon?.background}
               />
             )}
             onOverSizeLimit={OverSizeLimitStyle.FILTER}

packages/core/src/renderer/components/layout/sidebar-cluster.tsx

@@ -111,6 +111,7 @@ const NonInjectedSidebarCluster = observer(({
         colorHash={`${clusterEntity.getName()}-${clusterEntity.metadata.source}`}
         size={40}
         src={clusterEntity.spec.icon?.src}
+        background={clusterEntity.spec.icon?.background}
         className={styles.avatar}
       />
       <div className={styles.clusterName} id={tooltipId}>