No Longer possible to change the "favicon"

### Current Behavior

At least in version v1.8.0 (Know that for 1.7.1 and before that is working) I am no longer able to change the dashboard page `favicon`.

I have this implemented inside a template node `Widget (UI-Scope)`.

The code was found in the forum, may not be totally correct but was working :smi

```

export default {
data() {
// define variables available component-wide
// (in <template> and component functions)
return {

}
},
watch: {
},
computed: {
// automatically compute this variable
// whenever VueJS deems appropriate
},
methods: {
// expose a method to our <template> and Vue Application
},
mounted() {
// code here when the component is first loaded
console.log('Setting up Icon');
document.querySelector('link[rel="icon"]').setAttribute('type','image/png');
document.querySelector('link[rel="icon"]').setAttribute('href','/server_Status.png');
console.log('Icon Setup');
},
unmounted() {
// code here when the component is removed from the Dashboard
// i.e. when the user navigates away from the page
}
}

```

The template is "loaded" and I can see in the network manager (Browser Development Tools) that the image was downloaded. But the favicon in not changed.

In fact almost immediately after downloading the "correct" image, it downloads again the original icon


At this point, I have some node-red instances where the icon is the "correct one" and others (where I updated dashboard to v1.8.1) with the default icon.

### Expected Behavior

Favicon should change.

### Steps To Reproduce

_No response_

### Environment

- Dashboard version: v1.8.1
- Node-RED version: v3.1.7 and v4.0.0 Beta 2
- Node.js version: 20.12.2
- npm version: 10.5.0
- Platform/OS: Node red on Linux, Browser: Windows
- Browser: Edge

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member