Ok so looking at error log for my web app I get error:
I checked this stack overflow thread and the answer suggest somehow
aliasing this favicon.ico file (link:
https://stackoverflow.com/questions/66075196/favicon-icons-not-found-django-website-with-bootstrap-at-front).
But the problem is I dont have any such file and the icons are directly
inserted via svg tag.
Icon <https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/icons/bookmark-heart-fill.svg> does not exist
but it should be like this:
<svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark-heart-fill" fill="currentColor" viewBox="0 0 16 16" width="1.5em" height="1.5em">
<path d="M 2 15.5 a 0.5 0.5 0 0 0 0.74 0.439 L 8 13.069 l 5.26 2.87 A 0.5 0.5 0 0 0 14 15.5 V 2 a 2 2 0 0 0 -2 -2 H 4 a 2 2 0 0 0 -2 2 v 13.5 Z M 8 4.41 c 1.387 -1.425 4.854 1.07 0 4.277 C 3.146 5.48 6.613 2.986 8 4.412 Z" />
</svg>
I have also noticed that when using locally hosted version, there is no GET request for favicon.ico file.
Edit:
After further inspection I have noticed this message:
The Cross-Origin-Opener-Policy header has been ignored, because the
URL's origin was untrustworthy. It was defined either in the final
response or a redirect. Please deliver the response using the HTTPS
protocol. You can also use the 'localhost' origin instead. See
https://www.w3.org/TR/powerful-features/#potentially-trustworthy-origin
and
https://html.spec.whatwg.org/#the-cross-origin-opener-policy-header.