Add description prop to BaseLayout

Author: ysthakur

src/components/header/HeaderLink.astro

@@ -8,7 +8,7 @@ interface Props {
 const { link, title, class: className } = Astro.props;
 ---
 
-<a class:list={["header-link", className]} href={link} title={title}>
+<a class:list={["header-link", className]} href={link} title={title} aria-label={title}>
   <slot />
 </a>
 

src/layouts/BaseLayout.astro

@@ -6,9 +6,10 @@ import TabletHeader from "../components/header/tablet/Menu.astro";
 import MobileHeader from "../components/header/mobile/Menu.astro";
 
 interface Props {
-  frontmatter?: { title: string };
   title: string;
   isBlogPost: boolean;
+  frontmatter?: { title: string };
+  description: string;
 }
 
 const { frontmatter, isBlogPost } = Astro.props;

src/pages/index.mdx

@@ -31,9 +31,9 @@ We are grateful to the Gemstone program for giving us the opportunity to work on
 
 <div style="display: flex; width: 100%; align-items: center; justify-content: space-around;">
   <Sponsor name="Gemstone Program" url="https://gemstone.umd.edu/">
-    <img src="/img/gemstone.png" alt="Gemstone logo" />
+    <img loading="lazy" src="/img/gemstone.png" alt="Gemstone logo" />
   </Sponsor>
   <Sponsor name="Honors College" url="https://honors.umd.edu/">
-    <img src="/img/umdhonors.png" alt="Honors College logo" />
+    <img loading="lazy" src="/img/umdhonors.png" alt="Honors College logo" />
   </Sponsor>
 </div>