Addon Badge oder icon in Seite einfügen

Hi,

da ich derzeit Krank war und mir gedacht habe, wenn alle mit Chat Gpt arbeiten, versuche ich es auch mal.
Und siehe da, ich habe ein Funktionierendes Addon (eine Extension erstellt).
Sobald es aber komplexer wird, kommen ständig Fehler.
Habe es nun 12 Stunden probiert mit etlichen Addons und Versionen, aber so wie ich es haben möchte, funktioniert es leider nicht mit Chat Gpt.
Daher hoffe ich, das mir jemand hier helfen kann.
Das funktionierende:

manifest.json

compressor.js

Was ich nun möchte:
Derzeit funktioniert der Compressor ja nur auf twitch.tv Chanels, was schonmal top ist..
Nun möchte ich aber nur kleine Dekorative Zusätze, heißt:

Wenn ich auf Twitch.tv oder einem twitch.tv/channel bin, soll das Extension Icon als "Badge" (das ist das kleine Kästchen wo zb bei ublock zahlen stehen) in Grün ein Häkchen zeigen (sodass ich weiß, ok geht).
Und wenn ich außerhalb von twitch.tv bin, wie zb. YouTube, soll er in Rot ein X zeigen.
Das wäre es auch schon.

Hier ist auch eine Seite die es ein wenig erklärt, nur irgendwie kriege ich dies nicht zusammen geschustert.
dev.to/paulasantamaria/chrome-extensions-adding-a-badge-644

ODER:

Falls das mit dem Badge wirklich zu schwer sein sollte, hätte ich noch eine Idee.
Das Twitch Icon soll oben Links mit meinem Icon ersetzt werden wenn die Extension aktiviert ist und funktioniert.
Falls das nicht möglich ist, reicht es auch, wenn mein icon rechts oben neben der Suchleiste erscheint.
Und wenn man auf anderen Seiten ist, ist natürlich kein Icon da und das Extension Icon wird Grau so wie man es kennt.
(Ich habe auch schon geschaut, nur das ist animiert und es hat Polygon points und co und damit kenne ich mich nicht aus.)
Vielleicht ist das ja einfacher, sodass man es mir vllt netterweise in meinen Code hinzufügen könnte?

Ich hoffe mir kann da jemand helfen?

Grüße

(function() {
'use strict';  
 
    let style = document.createElement("style");  
    style.innerHTML = 'svg.ScSvg-sc-mx5axi-2 {visibility: hidden !important;}';  
    document.head.appendChild(style);
})();

let logodiv = document.querySelector('div.tw-animated-glitch-logo');  
logodiv.innerHTML = '';  
let newlogo = document.createElement("img");  
newlogo.src = 'https://domain.tld/images/u/2022/11/20/4693369142_43066222500_256.jpg';  
newlogo.width = 32;
newlogo.height = 32;
logodiv.appendChild(newlogo);

let logodiv = document.querySelector('div.tw-animated-glitch-logo');  
logodiv.innerHTML = '';  
let newlogo = document.createElement("img");  
newlogo.src = 'https://domain.tld/images/u/2022/11/20/4693369142_43066222500_256.jpg';  
newlogo.width = 32;
newlogo.height = 32;
logodiv.appendChild(newlogo);