[Bug]: Layout shifts if page contains images

[cpAdm]

Issue

The documentation suffers from layout shifting. This is especially annoying when going to the documentation with a link that has an anchor. E.g. https://playwright.dev/docs/test-ui-mode#metadata.
If you load this page for the first time (images are not cached yet), then you will not end up seeing the Metadata section at all.

Root cause

Due to the fact that images are loaded lazily, and their height/width are set to auto. There is no space reserved for these items.

[cpAdm]

Copilot suggestion, alter rewriteImageLinks in src/generator.js

const sizeOf = require('image-size'); // npm install image-size

function rewriteImageLinks(content) {
  return content.replace(/!\[(.*)\]\((\.\/images\/.*)\)/g, (match, alt, link) => {
    const imagePath = path.join(__dirname, link);
    const { height } = sizeOf(imagePath);
    return `<img src="${link}" alt="${alt}" height="${height}" />`;
  });
}