fix: pass resoled colors to session icon on first render

ts/hooks/useIconToImageURL.tsx

@@ -22,13 +22,11 @@ const convertIconToImageURL = async (
     'iconType' | 'iconSize' | 'iconColor' | 'backgroundColor'
   >
 ): Promise<{ dataUrl: string; bgColor: string; fgColor: string }> => {
-  const { isThemed, isDarkTheme, iconType, iconSize, iconColor, backgroundColor } = props;
+  const { isThemed, isDarkTheme, iconType, iconSize } = props;
+  let { iconColor, backgroundColor } = props;
 
-  let bgColor = backgroundColor;
+  if (!backgroundColor) {
-  let fgColor = iconColor;
+    backgroundColor = chooseIconColors(
-
-  if (!bgColor) {
-    bgColor = chooseIconColors(
       isThemed,
       isDarkTheme,
       '--text-primary-color',
@@ -37,8 +35,8 @@ const convertIconToImageURL = async (
     );
   }
 
-  if (!fgColor) {
+  if (!iconColor) {
-    fgColor = chooseIconColors(
+    iconColor = chooseIconColors(
       isThemed,
       isDarkTheme,
       '--background-primary-color',
@@ -70,8 +68,8 @@ const convertIconToImageURL = async (
   root?.removeChild(divElement);
 
   return {
-    bgColor,
+    bgColor: backgroundColor,
-    fgColor,
+    fgColor: iconColor,
     dataUrl: svgString ? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}` : '',
   };
 };