Added some fallback icons for apple devices (#6351)

Author: jsaq007

services/static-webserver/client/source/class/osparc/Application.js

@@ -243,7 +243,7 @@ qx.Class.define("osparc.Application", {
           });
       }
       if (maskIconMeta) {
-        const maskIcon = osparc.product.Utils.getManifestIconUrl("safari-pinned-tab.svg")
+        const maskIcon = osparc.product.Utils.getManifestIconUrl("safari-pinned-tab.png", "apple-icon-fallback.png")
         Promise.resolve(maskIcon)
           .then(resolvedUrl => {
             // Create the manifest data object with resolved URLs
@@ -268,15 +268,15 @@ qx.Class.define("osparc.Application", {
     __updateAppIcons: function() {
       // Array of promises to resolve icon URLs for Apple Touch Icons
       const appleIconUrls = [
-        osparc.product.Utils.getManifestIconUrl("apple-icon-57x57.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-60x60.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-72x72.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-76x76.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-114x114.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-120x120.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-144x144.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-152x152.png"),
-        osparc.product.Utils.getManifestIconUrl("apple-icon-180x180.png")
+        osparc.product.Utils.getManifestIconUrl("apple-icon-57x57.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-60x60.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-72x72.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-76x76.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-114x114.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-120x120.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-144x144.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-152x152.png", "apple-icon-fallback.png"),
+        osparc.product.Utils.getManifestIconUrl("apple-icon-180x180.png", "apple-icon-fallback.png")
       ];
 
       // Array of promises to resolve icon URLs for Favicons

services/static-webserver/client/source/class/osparc/product/Utils.js

@@ -131,15 +131,15 @@ qx.Class.define("osparc.product.Utils", {
       });
     },
 
-    getManifestIconUrl: function(icon) {
+    getManifestIconUrl: function(icon, fbIcon = "favicon-osparc.png") {
       let productName = osparc.product.Utils.getProductName();
       if (this.isS4LProduct() || this.isProduct("s4llite")) {
         productName = "s4l";
       } else if (this.isProduct("tis") || this.isProduct("tiplite")) {
         productName = "tis";
       }
       const iconPath = `https://raw.githubusercontent.com/ZurichMedTech/s4l-assets/main/app/favicons/${productName}/icons/${icon}`;
-      const fallbackIcon = `/resource/osparc/${productName}/favicon-96x96.png`;
+      const fallbackIcon = `/resource/osparc/${fbIcon}`;
       return this.__linkExists(iconPath)
         .then(() => iconPath)
         .catch(() => fallbackIcon);