Add custom logo in top right corner ?

This is what I try to achieve - with a sample logo:


To do that manually, I open the console and paste:
```js
var svgStr = `

`;

var parser = new DOMParser();
var doc = parser.parseFromString(svgStr, "image/svg+xml");
var svgElt = doc.documentElement;
svgElt.setAttribute("id", "viewer");
svgElt.setAttribute("width", "165px");
svgElt.setAttribute("height", "");

var wrapper = document.createElement("div");
wrapper.setAttribute(
"style",
"width: 100%; margin: 2px; display: flex; justify-content: end"
);
wrapper.appendChild(svgElt);

var anchor = document.querySelector("#jp-top-panel");
anchor.appendChild(wrapper);
```

My questions are:
+ What is the recommended way to do that ?
+ via an extension ? then what is the most relevant example in this [repo](https://github.com/jupyterlab/extension-examples) ?
+ Is there a placeholder that I can/should use ?
+ Which Jupyterlab [tokens](https://jupyterlab.readthedocs.io/en/stable/extension/extension_points.html#id6), if any, are relevant ?
+ If I wanted to hack it outside the Jupyter framework, which global event should I listen to trigger the code above ?

I would be grateful for any hint/pointer.

No file or test is named in the issue. Start by locating the JupyterLab extension entry point that renders the top-right interface and inspect the existing header or toolbar structure. Done means the requested custom logo appears in the top-right corner in a running JupyterLab instance without obscuring existing controls.

Written by the indexing model from the issue text.