Use a different favicon based on workspace status

[gtsiolis]

Problem to solve

The Gitpod logo is used as a favicon for the website, dashboard, and workspaces regardless of workspace state.

Given the upcoming changes with the usage-based pricing, having a better view of the running workspaces which consume credits or errored workspaces that need attention could be useful to provide better 🅰️ visibility of system status and 🅱️ user control.

Proposal

Let's update the workspace favicon based on the workspace status.

We can use the existing workspace status icon used in the workspaces list to mimic this behavior. Although these icons are not quite accessible (#4225), they are still a good next iteration and can be improved later on.

Re-posting from #7477 (comment):

A boring (simple) solution as a good MVC (minimum viable change) for resolving this could be updating the favicon based on the workspace status or start phase. Title is used to indicate the status, not intended for implementation.

Running	Starting, Stopping, Timing out	Error	Stopped & Timed out

Alternatively, we could introduce toned down favicon icon form the error and stopped phases.

Error	Stopped & Timed out

[harshsinghatz]

Hey @gtsiolis, Can I work on this??

[gtsiolis]

Absolutely, @harshsinghatz! Feel free to open a pull request and link back to this issue.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.