Time stamp in cypress screenshots

I want to add time stamp in top left corner of the screenshot . I am looking for JavaScript code mixed with cypress methods to achieve this functionality

I am able to add timestamp in the bottom left corner but somehow I am not able to any other place

You have seen the answer here Add a Visible Timestamp to Cypress Screenshots.

The exact positioning depends quite a bit on the page you are working with.

But to go to top-left instead of bottom-left, the obvious thing to try is insertBefore() instead of appendChild().

let timestamp;
Cypress.Screenshot.defaults({
  onBeforeScreenshot($el) {
    timestamp = document.createElement('span')
    timestamp.innerText = new Date().toLocaleString("de-DE")
    const $body = $el.find('body')
    $el[0].insertBefore(timestamp, $body[0])
  },
  onAfterScreenshot($el, props) {
    timestamp.remove()
  },
})