Fix inaccurate favicon displayed on playground

[praveen-rikhari]

Context

Playground currently displays an inaccurate favicon. Currently it showcases the logo of Vite. This may cause confusion among users, as it misrepresents the platform's identity. Therefore, addressing this issue is essential to maintain consistency and clarity across the Accord Project's online presence.

Expected Behavior

The favicon on the Accord Playground website should be updated to reflect the Accord Project's branding, ensuring consistency and clarity for users.

Actual Behavior

Instead of displaying the appropriate favicon representing the Accord Project, the Accord Playground website currently showcases the logo of Vite. This incorrect representation fails to accurately convey the identity of the platform, potentially causing confusion among users.

Steps to Reproduce

1.Open the playground website in any modern web browser. 2.Observe the favicon displayed in the browser tab or address bar.

Existing issues

• [ ] Stack Overflow issues
• [ ] GitHub Issues

Context

Your Environment

• Version used:
• Environment name and version (e.g. Chrome 39, node.js 5.4):
• Operating System and version (desktop or mobile):
• Link to your project:

[praveen-rikhari]

Hi @dselman ! I would like to work on this issue