🐛 Fix WhatsApp Favicon Not Displaying Due to net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin ErrorFix/whatsapp icon

[manusa]

Originally authored by @lukasborges in #430

This pull request fixes the issue where the WhatsApp favicon was not displaying due to a net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin error. Previously, the favicon was applied as a background image within a div, which caused cross-origin restrictions to block it.

The solution involves:

• Replacing the background image in the div with an tag that includes the crossorigin="anonymous" attribute to handle cross-origin restrictions.
• Updating the CSS to explicitly set the size of the favicon by applying width: 16px and height: 16px to the image inside the tab container.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud