add missing height and width to DarkmodeImages

Author: mashehu

sites/docs/src/pages/docs/[...doc].astro

@@ -164,7 +164,7 @@ const md_github_url =
 // remove leading and trailing slash
 const splitUrl = `${Astro.url.pathname}/`.replace(/^\/|\/$/g, "").split("/");
 // check if markdown file starts with a heading (markdown or html)
-const firstHeading = Astro.props.doc.body.trim().match(/^(#|<h1)/);
+const firstHeading = Astro.props.doc.body?.trim().match(/^(#|<h1)/);
 
 let extendedHeadings = headings.map((heading) => {
     heading.checkboxes = remarkPluginFrontmatter.checkboxes

sites/main-site/src/content/about/about.mdx

@@ -1,6 +1,7 @@
 ---
 title: About nf-core
 description: Who we are, how we are organised and how we started.
+md_github_url: https://github.com/nf-core/website/blob/main/sites/main-site/src/content/about/about.mdx
 ---
 
 import { Image } from "astro:assets";
@@ -115,7 +116,13 @@ This is used by most nf-core pipelines to give free and open access to the refer
 
 ## Microsoft Azure
 
-<DarkModeImage src="/images/contributors/colour/azure.svg" alt="Microsoft Azure" class="float-end me-5 mb-5 ms-3" />
+<DarkModeImage
+    src="/images/contributors/colour/azure.svg"
+    alt="Microsoft Azure"
+    class="float-end me-5 mb-5 ms-3"
+    height={100}
+    width={100}
+/>
 
 Microsoft Azure also kindly supports nf-core with cloud compute credits to run each nf-core analysis pipeline with full-size benchmark datasets on every release.
 You will soon be able to explore and download these pipeline results on the nf-core website, on each pipeline page.
@@ -164,7 +171,7 @@ We also thank the following organisations for supporting nf-core through providi
                 <Image src={runsOnLogo} alt="RunsOn logo" class="m-auto" />
             </a>
         <a href="https://hackmd.io/" class="col"  target="_blank">
-            <DarkModeImage src="/images/contributors/colour/hackmd.svg" alt="HackMD logo" />
+            <DarkModeImage src="/images/contributors/colour/hackmd.svg" alt="HackMD logo" height={100} width={200}/>
         </a>
 
 </div>

sites/main-site/src/content/about/lore.mdx

@@ -4,7 +4,6 @@ description: The stories, traditions, and swag that make nf-core special
 ---
 
 import { Image } from "astro:assets";
-import DarkModeImage from "@components/DarkModeImage.astro";
 import loreSvg from "../../assets/images/nf-lore/lore.svg";
 import event2018Intro from "../../assets/images/nf-lore/2018-nf-core-introduced.jpg";
 import event2018Hack from "../../assets/images/nf-lore/hackathon-april2018.jpg";